From 1421131a0ae2d44a5eb6ef976a7b26af00322c81 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:30:19 -0700
Subject: [PATCH 01/97] feat: cross-panel Favorites view with sub-device
 support
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a synthetic "Favorites" entry to the dashboard panel dropdown that
aggregates favorited circuits and sub-devices (BESS, EVSE) from every
configured SPAN panel into a single workspace.

- Heart toggles in the Graph Settings side panel and per-circuit /
  per-sub-device side panels (dashboard mode only — never in standalone
  card). Per-row hearts in panel-mode for both circuits and sub-devices.
- Favorites view shows By Activity / By Area / Monitoring tabs (no By
  Panel) with circuit names prefixed by panel name when more than one
  panel contributes. Sub-devices render as tiles above the circuit list.
  Monitoring stacks per-panel blocks.
- Persistent panel-stats header lifted out of the By-Panel grid so it
  stays visible across all tabs (real panels). Favorites pseudo-panel
  shows a summary strip + W/A unit toggle instead.
- Stateful Favorites view: active tab, expanded composite ids, and
  search query persist via localStorage and restore exactly on return.
- Side-panel domain service calls thread an optional config_entry_id so
  cross-panel favorites edits target the originating panel.
  DashboardController bypasses single-entry caches in favorites view
  and fetches per-entry settings on demand.
- Heart UI uses the entity_id-based service API — UUIDs and sub-device
  device_ids are an internal storage concern.
- Skip rendering ha-menu-button until hass is set; it reads
  this.hass.kioskMode in willUpdate.

Bumps version to 0.9.3.
---
 dist/span-panel-card.js          |  24 +-
 dist/span-panel.js               |  40 +--
 package.json                     |   2 +-
 src/card/span-panel-card.ts      |   6 +-
 src/constants.ts                 |   2 +-
 src/core/dashboard-controller.ts | 175 +++++++++++-
 src/core/favorites-controller.ts | 136 +++++++++
 src/core/favorites-store.ts      | 142 ++++++++++
 src/core/header-renderer.ts      |  20 +-
 src/core/list-view-controller.ts |  84 +++++-
 src/core/side-panel.ts           | 336 ++++++++++++++++++++--
 src/i18n.ts                      |  32 +++
 src/panel/span-panel.ts          | 470 ++++++++++++++++++++++++++++---
 src/panel/tab-dashboard.ts       |  15 +
 src/panel/tab-monitoring.ts      |   6 +-
 src/types.ts                     |  42 +++
 16 files changed, 1415 insertions(+), 117 deletions(-)
 create mode 100644 src/core/favorites-controller.ts
 create mode 100644 src/core/favorites-store.ts

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 9d806e7..1532a14 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,42 +1,42 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},m="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 circuit across {panels} panels","panel.favorites_summary_many":"{circuits} circuits across {panels} panels","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito en {panels} paneles","panel.favorites_summary_many":"{circuits} circuitos en {panels} paneles","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 circuit sur {panels} panneaux","panel.favorites_summary_many":"{circuits} circuits sur {panels} panneaux","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"{panels} パネルにわたる 1 回路","panel.favorites_summary_many":"{panels} パネルにわたる {circuits} 回路","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito em {panels} painéis","panel.favorites_summary_many":"{circuits} circuitos em {panels} painéis","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),$=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return C(t)})(e):e,{is:E,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:M,getPrototypeOf:P}=Object,L=globalThis,N=L.trustedTypes,T=N?N.emptyScript:"",D=L.reactiveElementPolyfillSupport,H=(e,t)=>e,O={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!E(e,t),I={attribute:!0,type:String,converter:O,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:P,getPrototypeOf:M}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",T=L.reactiveElementPolyfillSupport,I=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},F=(e,t)=>!$(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:F};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=I){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??I}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...M(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:O).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:O;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,D?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){const e=this.properties,t=[...A(e),...P(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??F)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[I("elementProperties")]=new Map,O[I("finalized")]=new Map,T?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,F=e=>e,W=q.trustedTypes,U=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,B="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,Q=`<${V}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ne=/>/g,ie=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,ae=/^(?:script|style|textarea|title)$/i,re=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==U?U.createHTML(t):t}const ue=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=ee;for(let t=0;t<n;t++){const n=e[t];let r,c,l=-1,d=0;for(;d<n.length&&(a.lastIndex=d,c=a.exec(n),null!==c);)d=a.lastIndex,a===ee?"!--"===c[1]?a=te:void 0!==c[1]?a=ne:void 0!==c[2]?(ae.test(c[2])&&(s=RegExp("</"+c[2],"g")),a=ie):void 0!==c[3]&&(a=ie):a===ie?">"===c[0]?(a=s??ee,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,r=c[1],a=void 0===c[3]?ie:'"'===c[3]?oe:se):a===oe||a===se?a=ie:a===te||a===ne?a=ee:(a=ie,s=void 0);const h=a===ie&&e[t+1].startsWith("/>")?" ":"";o+=a===ee?n+Q:l>=0?(i.push(r),n.slice(0,l)+B+n.slice(l)+G+h):n+G+(-2===l?t:h)}return[pe(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ge{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[c,l]=ue(e,t);if(this.el=ge.createElement(c,n),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=he.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(B)){const t=l[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?be:"?"===a[1]?ye:"@"===a[1]?we:ve}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),he.nextNode(),r.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function _e(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,i)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);he.currentNode=i;let s=he.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new me(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new xe(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=le,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===le||null==e||""===e?(this._$AH!==le&&this._$AR(),this._$AH=le):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==le&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ge.createElement(pe(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new fe(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=F(e).nextSibling;F(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=le,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=le}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=_e(this,i[n+a],t,a),r===ce&&(r=this._$AH[a]),o||=!K(r)||r!==this._$AH[a],r===le?e=le:e!==le&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===le?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===le?void 0:e}}class ye extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==le)}}class we extends ve{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??le)===ce)return;const n=this._$AH,i=e===le&&n!==le||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==le&&(n===le||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,me),(q.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
+const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+B,Q=`<${V}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,ae=/^(?:script|style|textarea|title)$/i,re=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),ce=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=ee;for(let t=0;t<i;t++){const i=e[t];let r,c,l=-1,d=0;for(;d<i.length&&(a.lastIndex=d,c=a.exec(i),null!==c);)d=a.lastIndex,a===ee?"!--"===c[1]?a=te:void 0!==c[1]?a=ie:void 0!==c[2]?(ae.test(c[2])&&(s=RegExp("</"+c[2],"g")),a=ne):void 0!==c[3]&&(a=ne):a===ne?">"===c[0]?(a=s??ee,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,r=c[1],a=void 0===c[3]?ne:'"'===c[3]?oe:se):a===oe||a===se?a=ne:a===te||a===ie?a=ee:(a=ne,s=void 0);const h=a===ne&&e[t+1].startsWith("/>")?" ":"";o+=a===ee?i+Q:l>=0?(n.push(r),i.slice(0,l)+G+i.slice(l)+B+h):i+B+(-2===l?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[c,l]=ue(e,t);if(this.el=ge.createElement(c,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&r.length<a;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(G)){const t=l[o++],i=n.getAttribute(e).split(B),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:i,ctor:"."===a[1]?be:"?"===a[1]?ye:"@"===a[1]?we:ve}),n.removeAttribute(e)}else e.startsWith(B)&&(r.push({type:6,index:s}),n.removeAttribute(e));if(ae.test(n.tagName)){const e=n.textContent.split(B),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),r.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(B,e+1));)r.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===ce)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,a=0,r=i[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new me(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new xe(s,this,e)),this._$AV.push(t),r=i[++a]}o!==r?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=le,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===le||null==e||""===e?(this._$AH!==le&&this._$AR(),this._$AH=le):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==le&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new me(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=le,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=le}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const n=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=_e(this,n[i+a],t,a),r===ce&&(r=this._$AH[a]),o||=!K(r)||r!==this._$AH[a],r===le?e=le:e!==le&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!n&&this.j(e)}j(e){e===le?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===le?void 0:e}}class ye extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==le)}}class we extends ve{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??le)===ce)return;const i=this._$AH,n=e===le&&i!==le||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==le&&(i===le||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=j.litHtmlPolyfillSupport;Se?.(ge,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class $e extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}$e._$litElement$=!0,$e.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:$e});const Ee=Ce.litElementPolyfillSupport;Ee?.({LitElement:$e}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */class Ee extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}Ee._$litElement$=!0,Ee.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:Ee});const $e=Ce.litElementPolyfillSupport;$e?.({LitElement:Ee}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:R},ke=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return(t,n)=>"object"==typeof n?ke(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
+ */function Ae(e){return(t,i)=>"object"==typeof i?ke(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne=g.power;function Te(e){return Ne.unit(e)}function De(e){return(e<0?"-":"")+Ne.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Oe(e){return Math.ceil(e/2)}function Re(e){return e%2==0?1:0}function Ie(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Oe(t)===Oe(n)?"row-span":Re(t)===Re(n)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const n=function(e){return je(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Fe{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ue(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,n,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||i("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${De(_)}</strong><span class="power-unit">${Te(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),M=A?m:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${M};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ue(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ge(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ve={names:["power","battery power"],suffixes:["_power"]},Qe={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Je={names:["state of energy"],suffixes:["_soe_kwh"]},Xe={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ke(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function Ze(e){return Ke(e,Ve)}function Ye(e){return Ke(e,Qe)}function et(e){return Ke(e,Je)}function tt(e){return Ke(e,Xe)}function nt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||n;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(n)}">${Le(d)}</span>\n      </div>\n    `}return o}function it(e,t,n,s,o,a){if(n){const t=[{key:`${p}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:i("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function st(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ot(e){const t=a[e];return t?t.ms:a[o].ms}function at(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function rt(e){return Math.max(500,Math.floor(e/5e3))}function ct(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function lt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function dt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=at(i),c=rt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,lt(t,r,c))}}}function pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:Ze(i)};i.type===d&&(e.soc=Ye(i),e.soe=et(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function ut(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=qe(i,n);if(!t)continue;let o;o=s&&s.has(e)?ot(s.get(e)):st(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of pt(t)){let t;t=o&&o.has(s)?ot(o.get(s)):st(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(dt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function gt(e,t,n,i,o,a,r,c,l){const{options:d,series:h}=function(e,t,n,i,o,a=!1){n||(n=g[s]);const r=i?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function _t(e,t,n,s,o,a){if(!e||!n||!t)return;const r=st(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,n,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`[data-uuid="${s}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${De(_)}</strong><span class="power-unit">${Te(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=f[S]??f.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=n.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=n.querySelector(".chart-container");if(k){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ot(a.get(s)):r,p=d.device_type===l;gt(k,t,e,c,h,m,i,d.breaker_rating_a??void 0,p)}}}class ft{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function mt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function vt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Fe,this.graphSettingsCache=new ft,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,mt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,vt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await ut(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!a[i]?.useRealtime)continue;const s=qe(n,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ot(i),d=at(l),h=rt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ct(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:n,devId:i}of pt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ot(s),d=at(l),h=rt(l),p=e-l,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||ct(this.powerHistory,n,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await ut(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(_t(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=st(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const c=Ze(r);if(c){const e=t.states[c],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${De(i)}</strong> <span class="power-unit">${Te(i)}</span>`)}const l=n.querySelectorAll("[data-chart-key]");for(const e of l){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let c=_.power;n.endsWith("_soc")?c=_.soc:n.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");gt(e,t,r,o?.has(i)?ot(o.get(i)):a,c,!1,l?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,i.classList.contains("panel-gear"))return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings});const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){await this.monitoringCache.fetch(this._hass,this._configEntryId);const t=e.entities?.current??e.entities?.power,n=t?this.monitoringCache.status?.circuits?.[t]??null:null;await this.graphSettingsCache.fetch(this._hass,this._configEntryId);const i=this.graphSettingsCache.settings,r=i?.global_horizon??o,c=i?.circuits?.[a],l=c?{...c,globalHorizon:r}:{horizon:r,has_override:!1,globalHorizon:r};return void s.open({...e,uuid:a,monitoringInfo:n,showMonitoring:this._showMonitoring,graphHorizonInfo:l})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r];await this.graphSettingsCache.fetch(this._hass,this._configEntryId);const t=this.graphSettingsCache.settings,n=t?.global_horizon??o,i=t?.sub_devices?.[r],a=i?{...i,globalHorizon:n}:{horizon:n,has_override:!1,globalHorizon:n};s.open({subDeviceMode:!0,subDeviceId:r,name:e.name??r,deviceType:e.type??"",graphHorizonInfo:a})}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function yt(e=""){const t=e?` value="${Le(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function wt(e){const t="current"===(e.chart_metric||"power");return`\n    <div class="unit-toggle list-unit-toggle" title="${Le(i("header.toggle_units"))}">\n      <button class="unit-btn ${t?"":"unit-active"}" data-unit="power">W</button>\n      <button class="unit-btn ${t?"unit-active":""}" data-unit="current">A</button>\n    </div>\n  `}function xt(e,t,n,s,o,a,r){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||i("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${De(h)}</strong><span class="power-unit">${Te(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ue(o)}">${Math.round(e)}%</span>`}const $=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${$}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,n,i,s,o){const a=Be(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function $t(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Et(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function zt(e,t,n){return e.sort((e,i)=>{const s=$t(e[1],t,n),o=$t(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._ctrl=e}renderActivityView(e,t,n,i,s){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const o=zt(Object.entries(n.circuits),t,i);let a=yt(this._searchQuery)+wt(i);a+='<div class="list-view">';for(const[e,n]of o){const o=We(s,kt(n)),r=Et(n,t),c=this._expandedUuids.has(e);a+=xt(e,n,t,i,o,r,c),c&&(a+=St(e,n,t,i,o,r))}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const r=e.querySelector("span-side-panel");r&&(r.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),r=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=r.get(n);i?i.push([e,t]):r.set(n,[[e,t]])}const c=[...r.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let l=yt(this._searchQuery)+wt(s);l+='<div class="list-view">';for(const e of c){const n=r.get(e);if(!n)continue;const i=zt(n,t,s);l+=Ct(e);for(const[e,n]of i){const i=We(o,kt(n)),a=Et(n,t),r=this._expandedUuids.has(e);l+=xt(e,n,t,s,i,a,r),r&&(l+=St(e,n,t,s,i,a))}}l+="</div>",l+="<span-side-panel></span-side-panel>",e.innerHTML=l;const d=e.querySelector("span-side-panel");d&&(d.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=je(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:c,value:l}=$t(r,t,i),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${De(i)}</strong><span class="power-unit">${Te(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),this._expandedUuids.clear(),this._searchQuery="",this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e))},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t)if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=We(this._monitoringStatus,kt(i)),o=Et(i,this._hass),a=St(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}}}async function Mt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Pt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=i("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{this._callDomainService("set_graph_time_horizon",{horizon:m.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.circuit_scales"),e.appendChild(t);const n=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[t,s]of n){const n=document.createElement("div");n.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=s.name||t,o.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",n.appendChild(o);const r=h[t]||{horizon:d,has_override:!1},c=r.has_override?r.horizon:d,l=document.createElement("select");l.dataset.uuid=t;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),l.appendChild(t)}if(l.addEventListener("change",()=>{this._debounce(`circuit-${t}`,u,()=>{this._callDomainService("set_circuit_graph_horizon",{circuit_id:t,horizon:l.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),n.appendChild(l),r.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{this._callDomainService("clear_circuit_graph_horizon",{circuit_id:t}).then(()=>{l.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),n.appendChild(e)}e.appendChild(n)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.subdevice_scales"),e.appendChild(t);const n=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[t,s]of n){const n=document.createElement("div");n.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=s.name||t,o.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",n.appendChild(o);const r=v[t]||{horizon:d,has_override:!1},c=r.has_override?r.horizon:d,l=document.createElement("select");l.dataset.subdevId=t;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),l.appendChild(t)}if(l.addEventListener("change",()=>{this._debounce(`subdev-${t}`,u,()=>{this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:t,horizon:l.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),n.appendChild(l),r.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:t}).then(()=>{l.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),n.appendChild(e)}e.appendChild(n)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,i=this._createHeader(Le(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_renderSubDeviceMode(e,t){const n=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:n}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Le(e),o=Le(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Le(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${i("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Le(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Nt){const t=f[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===c&&(n.selected=!0),a.appendChild(n)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${i("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n=t.uuid;"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",{circuit_id:n}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{circuit_id:n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),n.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",n.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(i("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const n=t.entities?.power||t.uuid;this._callDomainService("set_circuit_threshold",{circuit_id:n,monitoring_enabled:e}).catch(e=>this._showError(`${i("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e=t.entities?.power||t.uuid;this._callDomainService("clear_circuit_threshold",{circuit_id:e}).catch(e=>this._showError(`${i("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(n),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r=s.entities?.power||s.uuid;this._callDomainService("set_circuit_threshold",{circuit_id:r,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0}).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,n,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]');this._callDomainService("set_circuit_threshold",{circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0}).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Tt)}catch{}const Dt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Ht=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new bt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return n(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Te(e){return De.unit(e)}function Ie(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Fe(e){return Math.ceil(e/2)}function Re(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Fe(t)===Fe(i)?"row-span":Re(t)===Re(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ie(n)}</strong> <span class="power-unit">${Te(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Ie(h)}</strong><span class="power-unit">${Te(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Ie(n)}</strong><span class="power-unit">${Te(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}async function Tt(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}async function It(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);function Ft(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Rt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Tt(this._hass,i):await It(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=Ft(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Tt(this._hass,t):await It(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=Ft(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Rt)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -53,9 +53,9 @@ const ze={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:R},ke=(e=ze
           </ha-card>
         `:re`
         <ha-card>
-          <div style="padding: 24px; color: var(--secondary-text-color);">${Le(i("card.loading"))}</div>
+          <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Mt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(i("card.device_not_found"));const n=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=n.panel_size??Pt(n.circuits);if(!s)throw new Error(i("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Mt(e,n),{topology:n,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[n,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(n.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=n.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof i.voltage?i.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){g=n.attributes.panel_size;break}}if(g||(g=Pt(h)),!g)throw new Error(i("card.panel_size_error"));const _={};for(const t of c){const n=s.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),o=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??i("header.default_name"),circuits:h,sub_devices:_};return await Mt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=function(e,t){const n=Le(e.device_name||i("header.default_name")),s=Le(e.serial||""),o=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),r=!!e.panel_entities?.site_power,c=!!e.panel_entities?.dsm_state,l=!!e.panel_entities?.current_power,d=!!e.panel_entities?.feedthrough_power,h=!!e.panel_entities?.pv_power,p=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${n}</h1>\n          <span class="panel-serial">${s}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          <div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>\n        </div>\n        <div class="panel-stats">\n          ${r?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${i("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${c?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${i("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${l?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${i("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${i("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${i("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${i("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${o}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${i(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${i(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ie(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Oe(Math.max(...n));0===Re(e)?r.add(i):c.add(i)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ge(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ge(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?i("subdevice.ev_charger"):s.type===d?i("subdevice.battery"):i("subdevice.fallback"),a=Ze(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ye(s):null,m=g?et(s):null,v=g?tt(s):null,b=nt(s,t,n,new Set([a,f,m,v].filter(e=>null!==e))),y=it(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${De(u)}</strong> <span class="power-unit">${Te(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else"activity"===this._activeTab?(e.innerHTML="",this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status),this._ctrl.updateDOM(this.shadowRoot)):"area"===this._activeTab&&(e.innerHTML="",this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status),this._ctrl.updateDOM(this.shadowRoot))}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Dt.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Mt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Mt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Fe(Math.max(...i));0===Re(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ie(u)}</strong> <span class="power-unit">${Te(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ot.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -75,7 +75,7 @@ const ze={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:R},ke=(e=ze
             <span style="font-size:0.75em;color:var(--secondary-text-color);">Live Power</span>
           </div>
           <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">${e}</div>
-          <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${i("card.no_device")}</div>
+          <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Ht.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Ht.prototype,"hass",void 0),v([Me()],Ht.prototype,"_config",void 0),v([Me()],Ht.prototype,"_discovered",void 0),v([Me()],Ht.prototype,"_discovering",void 0),v([Me()],Ht.prototype,"_discoveryError",void 0),v([Me()],Ht.prototype,"_topology",void 0),v([Me()],Ht.prototype,"_activeTab",void 0),Ht=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Ht);class Ot extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=i("editor.panel_label"),a.style.cssText=n;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=i("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=i("editor.chart_window"),a.style.cssText=n;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=i,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",i("editor.days")),g=l(h,"0","23",i("editor.hours")),_=l(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=i("editor.chart_metric"),a.style.cssText=n;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=i("editor.tab_style"),a.style.cssText=n;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[i],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??i;const l=n.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[n,i]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ot)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.2 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Pe()],jt.prototype,"_config",void 0),v([Pe()],jt.prototype,"_discovered",void 0),v([Pe()],jt.prototype,"_discovering",void 0),v([Pe()],jt.prototype,"_discoveryError",void 0),v([Pe()],jt.prototype,"_topology",void 0),v([Pe()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 2717bb6..e636985 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,32 +1,32 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",o="5m",s={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function m(e,t,n,i){var o,s=arguments.length,a=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(o=e[r])&&(a=(s<3?o(a):s>3?o(t,n,a):o(t,n))||a);return s>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 circuit across {panels} panels","panel.favorites_summary_many":"{circuits} circuits across {panels} panels","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito en {panels} paneles","panel.favorites_summary_many":"{circuits} circuitos en {panels} paneles","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 circuit sur {panels} panneaux","panel.favorites_summary_many":"{circuits} circuits sur {panels} panneaux","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"{panels} パネルにわたる 1 回路","panel.favorites_summary_many":"{panels} パネルにわたる {circuits} 回路","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito em {panels} painéis","panel.favorites_summary_many":"{circuits} circuitos em {panels} painéis","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,v=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(v&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=v?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",N=P.reactiveElementPolyfillSupport,D=(e,t)=>e,L={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},H=(e,t)=>!S(e,t),I={attribute:!0,type:String,converter:L,reflect:!1,useDefault:!1,hasChanged:H};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,N=(e,t)=>e,D={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),F={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:L};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=I){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:o}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const s=i?.call(this);o?.call(this,t),this.requestUpdate(e,s,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??I}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(v)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const o=(void 0!==n.converter?.toAttribute?n.converter:L).toAttribute(t,n.type);this._$Em=e,null==o?this.removeAttribute(i):this.setAttribute(i,o),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),o="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:L;this._$Em=i;const s=o.fromAttribute(t,e.type);this[i]=s??this._$Ej?.get(i)??s,this._$Em=null}}requestUpdate(e,t,n,i=!1,o){if(void 0!==e){const s=this.constructor;if(!1===i&&(o=this[e]),n??=s.getPropertyOptions(e),!((n.hasChanged??H)(o,t)||n.useDefault&&n.reflect&&o===this._$Ej?.get(e)&&!this.hasAttribute(s._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:o},s){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,s??t??this[e]),!0!==o||void 0!==s)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[D("elementProperties")]=new Map,O[D("finalized")]=new Map,N?.({ReactiveElement:O}),(P.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let H=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:D).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:D;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[N("elementProperties")]=new Map,H[N("finalized")]=new Map,I?.({ReactiveElement:H}),(P.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R=globalThis,q=e=>e,j=R.trustedTypes,U=j?j.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,W="?"+F,B=`<${W}>`,V=document,Q=()=>V.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,oe=/^(?:script|style|textarea|title)$/i,se=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=V.createTreeWalker(V,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==U?U.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let o,s=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(oe.test(l[2])&&(o=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=o??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,o=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";s+=a===Z?n+B:c>=0?(i.push(r),n.slice(0,c)+G+n.slice(c)+F+h):n+F+(-2===c?t:h)}return[de(e,s+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let o=0,s=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[s++],n=i.getAttribute(e).split(F),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:o,name:a[2],strings:n,ctor:"."===a[1]?me:"?"===a[1]?be:"@"===a[1]?ve:fe}),i.removeAttribute(e)}else e.startsWith(F)&&(r.push({type:6,index:o}),i.removeAttribute(e));if(oe.test(i.tagName)){const e=i.textContent.split(F),t=e.length-1;if(t>0){i.textContent=j?j.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++o});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===W)r.push({type:2,index:o});else{let e=-1;for(;-1!==(e=i.data.indexOf(F,e+1));)r.push({type:7,index:o}),e+=F.length-1}o++}}static createElement(e,t){const n=V.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let o=void 0!==i?n._$Co?.[i]:n._$Cl;const s=J(t)?void 0:t._$litDirective$;return o?.constructor!==s&&(o?._$AO?.(!1),void 0===s?o=void 0:(o=new s(e),o._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=o:n._$Cl=o),void 0!==o&&(t=ue(e,o._$AS(e,t.values),o,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??V).importNode(t,!0);ce.currentNode=i;let o=ce.nextNode(),s=0,a=0,r=n[0];for(;void 0!==r;){if(s===r.index){let t;2===r.type?t=new _e(o,o.nextSibling,this,e):1===r.type?t=new r.ctor(o,r.name,r.strings,this,e):6===r.type&&(t=new ye(o,this,e)),this._$AV.push(t),r=n[++a]}s!==r?.index&&(o=ce.nextNode(),s++)}return ce.currentNode=V,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(V.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const o of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(o),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,o){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=o,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const o=this.strings;let s=!1;if(void 0===o)e=ue(this,e,t,0),s=!J(e)||e!==this._$AH&&e!==ae,s&&(this._$AH=e);else{const i=e;let a,r;for(e=o[0],a=0;a<o.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),s||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+o[a+1]),this._$AH[a]=r}s&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class me extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class be extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class ve extends fe{constructor(e,t,n,i,o){super(e,t,n,i,o),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,o=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),o&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
+const O=globalThis,R=e=>e,q=O.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=R(e).nextSibling;R(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=O.litHtmlPolyfillSupport;we?.(pe,_e),(O.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $e=class extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let o=i._$litPart$;if(void 0===o){const e=n?.renderBefore??null;i._$litPart$=o=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return o._$AI(e),o})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
+ */let $e=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:H},Ee=(e=Ce,t,n)=>{const{kind:i,metadata:o}=n;let s=globalThis.litPropertyMetadata.get(o);if(void 0===s&&globalThis.litPropertyMetadata.set(o,s=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),s.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const o=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,o,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const o=this[i];t.call(this,n),this.requestUpdate(i,o,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,22 +46,20 @@ const Ce={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:H},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ne={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ne[e]??e)}const Le=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class He extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const o=document.createElement("div");o.className="panel",t.appendChild(o),e.panelMode?this._renderPanelMode(o):e.subDeviceMode?this._renderSubDeviceMode(o,e):this._renderCircuitMode(o,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??o,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(s)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,o=n(i);t.textContent=o!==i?o:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{this._callDomainService("set_graph_time_horizon",{horizon:m.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.circuit_scales"),e.appendChild(t);const i=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[t,o]of i){const i=document.createElement("div");i.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=o.name||t,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",i.appendChild(a);const r=h[t]||{horizon:d,has_override:!1},l=r.has_override?r.horizon:d,c=document.createElement("select");c.dataset.uuid=t;for(const e of Object.keys(s)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,o=n(i);t.textContent=o!==i?o:e,e===l&&(t.selected=!0),c.appendChild(t)}if(c.addEventListener("change",()=>{this._debounce(`circuit-${t}`,p,()=>{this._callDomainService("set_circuit_graph_horizon",{circuit_id:t,horizon:c.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),i.appendChild(c),r.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{this._callDomainService("clear_circuit_graph_horizon",{circuit_id:t}).then(()=>{c.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),i.appendChild(e)}e.appendChild(i)}a.appendChild(e)}const b=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.subdevice_scales"),e.appendChild(t);const i=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[t,o]of i){const i=document.createElement("div");i.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=o.name||t,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",i.appendChild(a);const r=b[t]||{horizon:d,has_override:!1},l=r.has_override?r.horizon:d,c=document.createElement("select");c.dataset.subdevId=t;for(const e of Object.keys(s)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,o=n(i);t.textContent=o!==i?o:e,e===l&&(t.selected=!0),c.appendChild(t)}if(c.addEventListener("change",()=>{this._debounce(`subdev-${t}`,p,()=>{this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:t,horizon:c.value}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),i.appendChild(c),r.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:t}).then(()=>{c.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),i.appendChild(e)}e.appendChild(i)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const o=document.createElement("div");o.className="panel-body",e.appendChild(o);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",o.appendChild(s),this._renderRelaySection(o,t),this._renderSheddingSection(o,t),this._renderGraphHorizonSection(o,t),t.showMonitoring&&this._renderMonitoringSection(o,t)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",i.appendChild(o),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(s))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const o=document.createElement("button");o.type="button",o.className="horizon-segment",o.dataset.horizon=e,o.textContent=i,o.classList.toggle("active",e===u),o.classList.toggle("referenced","global"===u&&e===d),o.addEventListener("click",()=>{if(o.classList.contains("active"))return;const i=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(o)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),o=De(e),s=De(t);i.innerHTML=`<div class="title">${o}</div>`+(s?`<div class="subtitle">${s}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const o=document.createElement("div");o.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),o.appendChild(s),o.appendChild(a),i.appendChild(o),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const o=document.createElement("div");o.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Le){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),o.appendChild(s),o.appendChild(a),i.appendChild(o),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(s))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const o=document.createElement("button");o.type="button",o.className="horizon-segment",o.dataset.horizon=e,o.textContent=i,o.classList.toggle("active",e===u),o.classList.toggle("referenced","global"===u&&e===d),o.addEventListener("click",()=>{if(o.classList.contains("active"))return;const i=t.uuid;"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",{circuit_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{circuit_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(o)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const o=document.createElement("div");o.className="monitoring-header";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.monitoring"),s.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),o.appendChild(s),o.appendChild(a),i.appendChild(o);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i=t.entities?.power||t.uuid;this._callDomainService("set_circuit_threshold",{circuit_id:i,monitoring_enabled:e}).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e=t.entities?.power||t.uuid;this._callDomainService("clear_circuit_threshold",{circuit_id:e}).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,o){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r=o.entities?.power||o.uuid;this._callDomainService("set_circuit_threshold",{circuit_id:r,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0,cooldown_duration_m:a?Number(a.value):void 0}).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),s.appendChild(a),s.appendChild(r),s}_createDurationRow(e,t,i,o,s,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(o),u.max=String(s),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]');this._callDomainService("set_circuit_threshold",{circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0}).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",He)}catch{}async function Ie(e,t){const[n,i,o]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),s=new Map;for(const e of n)s.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of o)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=s.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=s.get(e);break}}t||(t=l),e.area=t}}async function Oe(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),o=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!o)throw new Error(n("card.topology_error"));const s=await e.callWS({type:"config/device_registry/list"}),r=(l=s.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ie(e,i),{topology:i,panelDevice:r,panelSize:o}}const Re=u.power;function qe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function Ge(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ge(t)===Ge(n)?"row-span":Fe(t)===Fe(n)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ve(e,t){const n=function(e){return Be(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Qe{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const o=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=o?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Je(e,t){return e?.circuits?e.circuits[t]??null:null}function Xe(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ke(e,t,i,o,s,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,m=g&&parseFloat(g.state)||0,b=t.device_type===l||m<0,v=t.entities?.switch,y=v?a.states[v]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Be(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(m)}</strong><span class="power-unit">${qe(m)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${Xe(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${b?"circuit-producer":""} ${p?"":"row-span"===s?"circuit-row-span":"col-span"===s?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===s?`${i} / span 2`:`${i}`}; grid-column: ${o};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},nt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function it(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ot(e){return it(e,Ye)}function st(e){return it(e,et)}function at(e){return it(e,tt)}function rt(e){return it(e,nt)}function lt(e,t,n,i){const o=n.visible_sub_entities||{};let s="";if(!e.entities)return s;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==o[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}s+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return s}function ct(e,t,i,o,s,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!s},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!o}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return o?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ht(e){const t=s[e];return t?t.ms:s[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,n,i,o,s){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=o);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>s&&a.splice(0,a.length-s)}function _t(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function ft(e,t,n,i,o){const s=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:s,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const s=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&s.push({time:n,value:t})}if(s.length>0){const e=o.get(i)||[],t=[...s,...e];t.sort((e,t)=>e.time-t.time),o.set(i,t)}}}async function mt(e,t,n,i,o){const s=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:s,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(i),l=ut(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const s=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&s.push({time:n,value:t})}if(s.length>0){const e=o.get(i)||[],t=[...s,...e];o.set(i,_t(t,r,l))}}}function bt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ot(i)};i.type===c&&(e.soc=st(i),e.soe=at(i));for(const[i,o]of Object.entries(e))o&&t.push({entityId:o,key:`${h}${n}_${i}`,devId:n})}return t}async function vt(e,t,n,i,o,s){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let s;s=o&&o.has(e)?ht(o.get(e)):dt(n),a.has(s)||a.set(s,{entityIds:[],uuidByEntity:new Map});const r=a.get(s);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:o}of bt(t)){let t;t=s&&s.has(o)?ht(s.get(o)):dt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(ft(e,n.entityIds,n.uuidByEntity,t,i)):r.push(mt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function yt(e,t,n,o,s,a,r,l,c){const{options:d,series:h}=function(e,t,n,o,s,a=!1){n||(n=u[i]);const r=o?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),g.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),o=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(o)} ${n.unit(o)}</strong></div>`}},animation:!1};return{options:m,series:g}}(n,o,s,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function wt(e,t,i,o,s,a){if(!e||!i||!t)return;const c=dt(o);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],o=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(o))}!function(e,t,n,i,o){const s="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(s){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,o=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(o)?Math.abs(o).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(o=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ue(o)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(s){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(s){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(s){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,o,d);const h=Be(o),p="current"===h.entityRole;for(const[o,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${o}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,m=d.device_type===l||f<0,b=d.entities?.switch,v=b?t.states[b]:null,y=v?"on"===v.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=s.get(o)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(o)?ht(a.get(o)):c,p=d.device_type===l;yt(z,t,e,r,h,m,n,d.breaker_rating_a??void 0,p)}}}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const o=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=o?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function $t(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function St(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Ct{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Qe,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,$t(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,St(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await vt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!s[i]?.useRealtime)continue;const a=Ve(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=ht(i),d=pt(c),h=ut(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of bt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??o;if(!s[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=ht(a),d=pt(c),h=ut(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)s[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)s[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of bt(this._topology))n.has(t)&&i.add(e);const o=new Map;try{await vt(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,o,s){if(!n.sub_devices)return;const a=dt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ot(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,o=n.querySelector(".sub-power-value");o&&(o.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=o.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");yt(e,t,r,s?.has(i)?ht(s.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const o=t.states[e];if(o){let e;if(t.formatEntityState)e=t.formatEntityState(o);else{e=o.state;const t=o.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(o.attributes.unit_of_measurement||"")){const t=parseFloat(o.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const s=i.closest("[data-uuid]");if(!s||!this._topology||!this._hass)return;const a=s.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,i.classList.contains("panel-gear"))return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings});const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){await this.monitoringCache.fetch(this._hass,this._configEntryId);const t=e.entities?.current??e.entities?.power,n=t?this.monitoringCache.status?.circuits?.[t]??null:null;await this.graphSettingsCache.fetch(this._hass,this._configEntryId);const i=this.graphSettingsCache.settings,r=i?.global_horizon??o,l=i?.circuits?.[a],c=l?{...l,globalHorizon:r}:{horizon:r,has_override:!1,globalHorizon:r};return void s.open({...e,uuid:a,monitoringInfo:n,showMonitoring:this._showMonitoring,graphHorizonInfo:c})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r];await this.graphSettingsCache.fetch(this._hass,this._configEntryId);const t=this.graphSettingsCache.settings,n=t?.global_horizon??o,i=t?.sub_devices?.[r],a=i?{...i,globalHorizon:n}:{horizon:n,has_override:!1,globalHorizon:n};s.open({subDeviceMode:!0,subDeviceId:r,name:e.name??r,deviceType:e.type??"",graphHorizonInfo:a})}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let o=!1,s=0,a=0;const r=t=>{e.classList.contains("confirmed")||(o=!0,s=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!o)return;const t=Math.max(2,Math.min(e-s,a));n.style.left=t+"px"},c=()=>{if(!o)return;o=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Et="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class kt{constructor(){this._ctrl=new Ct,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}async render(e,t,i,o,s){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Oe(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,o,t,s??null),await this._ctrl.monitoringCache.fetch(t,s??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),h=this._ctrl.monitoringCache.status,p=function(e,t){const i=De(e.device_name||n("header.default_name")),o=De(e.serial||""),s=De(e.firmware||""),a="current"===(t.chart_metric||"power"),r=!!e.panel_entities?.site_power,l=!!e.panel_entities?.dsm_state,c=!!e.panel_entities?.current_power,d=!!e.panel_entities?.feedthrough_power,h=!!e.panel_entities?.pv_power,p=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${i}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          <div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>\n        </div>\n        <div class="panel-stats">\n          ${r?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${l?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${c?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${a?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${s}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}(a,o),u=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),o=[...t,...i],s=o.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=o.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=o.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${s>0?`<span class="count-warning">${s} ${n(s>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(h),g=function(e,t,n,i,o){const s=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),o=1===e.length?"single":We(e)??"single";s.set(i,{uuid:t,circuit:n,layout:o});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of s)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ge(Math.max(...n));0===Fe(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=o?Je(o,t??""):null;let s;if(e.circuit.always_on)s="always_on";else{const t=e.circuit.entities?.select;s=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:s}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,o=2*e,h=s.get(t),p=s.get(o);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:s}=c(h);d+=Ke(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,s),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${o}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ze(e,"2"));else{const{monInfo:t,sheddingPriority:o}=c(h);d+=Ke(h.uuid,h.circuit,e,"2",h.layout,n,i,t,o)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(o)||(d+=Ze(e,"3"));else{const{monInfo:t,sheddingPriority:o}=c(p);d+=Ke(p.uuid,p.circuit,e,"3",p.layout,n,i,t,o)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${o}</div>`}return d}(a,l,t,o,h),f=function(e,t,i){const o=!1!==i.show_battery,s=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!o||e.type===d&&!s));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,o]of a){const s=o.type===d?n("subdevice.ev_charger"):o.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ot(o),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=o.type===c,_=o.type===d,f=g?st(o):null,m=g?at(o):null,b=g?rt(o):null,v=lt(o,t,i,new Set([a,f,m,b].filter(e=>null!==e))),y=ct(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(s)}</span>\n          <span class="sub-device-name">${De(o.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${v}\n      </div>\n    `}return h}(a,t,o);e.innerHTML=`\n      <style>${Et}</style>\n      ${p}\n      ${u}\n      ${f?`<div class="sub-devices">${f}</div>`:""}\n      ${!1!==o.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${g}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const m=e.querySelector(".slide-confirm");m&&(this._ctrl.bindSlideConfirm(m,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const zt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",At="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Pt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Mt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Tt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Nt(e,t,n,i,o){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${o}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Dt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i){let o;void 0!==i&&(this._configEntryId=i),this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const s=o?.global_settings??{},r=!0===o?.enabled,l=o?.circuits??{},c=o?.mains??{},d=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&d.add(e);const h=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))h.has(e)||d.add(`notify.${e}`);d.add("event_bus");const p=[...d].sort(),u=s.notify_targets??"",g=("string"==typeof u?u.split(","):u).map(e=>e.trim()).filter(Boolean),_=p.length>0&&p.every(e=>g.includes(e)),f=s.notification_title_template??"SPAN: {name} {alert_type}",m=s.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=s.notification_priority??"default",v=Object.entries(l).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),y=Object.entries(c),w=[...v,...y],x=w.length>0&&w.every(([,e])=>!1!==e.monitoring_enabled),$=w.some(([,e])=>!1!==e.monitoring_enabled),S=v.map(([e,t])=>{const i=De(t.name??e),o=!1!==t.monitoring_enabled,s=!0===t.has_override,a=o?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${o?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Nt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Nt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Nt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Nt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${s?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),C=Object.entries(c).map(([e,t])=>{const i=De(t.name??e),o=!1!==t.monitoring_enabled,s=!0===t.has_override,a=o?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${o?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Nt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Nt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Nt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Nt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${s?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${r?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${r?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${zt}">\n              <span style="${Pt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${s.continuous_threshold_pct??80}"\n                     style="${At}">\n            </div>\n            <div style="${zt}">\n              <span style="${Pt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${s.spike_threshold_pct??100}"\n                     style="${At}">\n            </div>\n            <div style="${zt}">\n              <span style="${Pt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${s.window_duration_m??5}"\n                     style="${At}">\n            </div>\n            <div style="${zt}">\n              <span style="${Pt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${s.cooldown_duration_m??15}"\n                     style="${At}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${zt}">\n              <span style="${Mt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${_?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${_?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${g.length?g.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===p.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:p.map(e=>{const i=g.includes(e),o="event_bus"===e,s=o?null:t.states[e],a=s?.attributes?.friendly_name,r=o?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${zt}">\n              <span style="${Mt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${zt}">\n              <span style="${Mt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(f)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Tt}">\n            </div>\n\n            <div style="${zt}">\n              <span style="${Mt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Tt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Mt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${x?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${C}\n            ${S}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!x&&$&&(E.indeterminate=!0);const k=e.querySelector("#notify-all-targets");if(k&&p.length>0){const e=g.length>0;!_&&e&&(k.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,l,c),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),o=e.querySelector("#global-fields"),s=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(s){const t=e instanceof Error?e.message:n("error.failed_save");s.textContent=`${n("error.prefix")} ${t}`,s.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const s=i.checked;o&&(o.style.opacity=s?"":"0.4",o.style.pointerEvents=s?"":"none");const a=e.querySelector("#global-status");try{if(s){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),o=e.querySelector("#notify-target-dropdown"),s=e.querySelector("#notify-target-label");if(!i||!o)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==o.style.display;o.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(o.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(s){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);s.textContent=e.length?e.join(", "):n("notification.none_selected")}const o=e.querySelector("#notify-all-targets");if(o){const t=[...e.querySelectorAll(".notify-target-cb")];o.checked=t.length>0&&t.every(e=>e.checked),o.indeterminate=!o.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(o.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),o=e.querySelector("#g-title-template"),s=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),o&&o.addEventListener("input",()=>{r("notification_title_template",o.value)}),s&&s.addEventListener("input",()=>{r("notification_message_template",s.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const o={};this._configEntryId&&(o.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:o}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const s=o.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:s})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:s})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:o})})}catch{return void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:o})})}catch{return void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const o=`${i.dataset.entity}-${i.dataset.field}`,s=n.get(o);s&&clearTimeout(s),n.set(o,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const o=i.dataset.entity,s=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:o,[s]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const o=n.dataset.type,s="mains"===o?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===o?{leg:i}:{circuit_id:i});await t.callService(a,s,r),await this.render(e,t)})}}function Lt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ht(e){const t="current"===(e.chart_metric||"power");return`\n    <div class="unit-toggle list-unit-toggle" title="${De(n("header.toggle_units"))}">\n      <button class="unit-btn ${t?"":"unit-active"}" data-unit="power">W</button>\n      <button class="unit-btn ${t?"unit-active":""}" data-unit="current">A</button>\n    </div>\n  `}function It(e,t,i,o,s,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,m=f?`${Math.round(f)}A`:"",b=De(t.name||n("grid.unknown")),v=Be(o),y="current"===v.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,o=n&&parseFloat(n.state)||0;w=`<strong>${v.format(o)}</strong><span class="power-unit">A</span>`}else w=`<strong>${je(h)}</strong><span class="power-unit">${qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=s?.utilization_pct){const e=s.utilization_pct;S=`<span class="utilization ${Xe(s)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ot(e,t,n,i,o,s){const a=Ke(e,t,0,"1","single",n,i,o,s,!0);return`<div class="list-expanded-content" data-expanded-uuid="${De(e)}">${a}</div>`}function Rt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function qt(e,t,n){const i=e.entities?.switch,o=i?t.states[i]:null,s=e.entities?.power,a=s?t.states[s]:null,l=o?"on"===o.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ut(e,t,n){return e.sort((e,i)=>{const o=qt(e[1],t,n),s=qt(i[1],t,n);return o.isOn&&!s.isOn?-1:!o.isOn&&s.isOn?1:s.value-o.value})}function Gt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._ctrl=e}renderActivityView(e,t,n,i,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=o;const s=Ut(Object.entries(n.circuits),t,i);let a=Lt(this._searchQuery)+Ht(i);a+='<div class="list-view">';for(const[e,n]of s){const s=Je(o,Gt(n)),r=jt(n,t),l=this._expandedUuids.has(e);a+=It(e,n,t,i,s,r,l),l&&(a+=Ot(e,n,t,i,s,r))}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const r=e.querySelector("span-side-panel");r&&(r.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,o,s){this._unbindEvents(),this._hass=t,this._topology=i,this._config=o,this._monitoringStatus=s;const a=n("list.unassigned_area"),r=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=r.get(n);i?i.push([e,t]):r.set(n,[[e,t]])}const l=[...r.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let c=Lt(this._searchQuery)+Ht(o);c+='<div class="list-view">';for(const e of l){const n=r.get(e);if(!n)continue;const i=Ut(n,t,o);c+=Rt(e);for(const[e,n]of i){const i=Je(s,Gt(n)),a=jt(n,t),r=this._expandedUuids.has(e);c+=It(e,n,t,o,i,a,r),r&&(c+=Ot(e,n,t,o,i,a))}}c+="</div>",c+="<span-side-panel></span-side-panel>",e.innerHTML=c;const d=e.querySelector("span-side-panel");d&&(d.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const o=Be(i),s="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(s)d.innerHTML=`<strong>${o.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),this._expandedUuids.clear(),this._searchQuery="",this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const o=n.closest(".unit-btn");if(o){const t=o.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e))},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const o=t.dataset.rowUuid;if(o){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${o}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t)if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const o=Je(this._monitoringStatus,Gt(i)),s=jt(i,this._hass),a=Ot(e,i,this._hass,this._config,o,s);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}}}let Wt=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._dashboardTab=new kt,this._monitoringTab=new Dt,this._listDashCtrl=new Ct,this._listCtrl=new Ft(this._listDashCtrl),this._areaUnsub=null,this._onVisibilityChange=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass;const n=this.renderRoot.querySelector("ha-menu-button");n&&(n.hass=this.hass,n.narrow=this.narrow),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(e.has("narrow")){const e=this.renderRoot.querySelector("ha-menu-button");e&&(e.narrow=this.narrow)}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var i,o,s;return i=this.hass?.language,e=i&&t[i]?i:"en",this._discovered?se`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Re(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
-          <ha-menu-button></ha-menu-button>
+          <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
           <div class="main-title">
             <span class="panel-selector">
               <select id="panel-select" @change=${this._onPanelChange}>
-                ${this._panels.map(e=>se` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
+                ${this._panels.map(e=>oe` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
           </div>
         </div>
 
-        <div class="panel-tabs" @click=${this._onTabClick}>
-          ${Te((o=[{id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}],s=this._activeTab,`<div class="shared-tab-bar">${o.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}
-        </div>
+        <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${Ne(e.id)}">${Ne(e.label)}</button>`).join("")}</div>`))}</div>
       </div>
 
       <div class="view">
@@ -74,20 +72,30 @@ const Ce={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:H},Ee=(e=Ce
             @side-panel-closed=${this._onSidePanelClosed}
             @graph-settings-changed=${this._onGraphSettingsChanged}
             @navigate-tab=${this._onNavigateTab}
+            @favorites-view-state-changed=${this._onFavoritesViewStateChangedEvent}
           ></div>
         </div>
       </div>
-    `:se`
+    `:oe`
         <div class="header">
           <div class="toolbar">
-            <ha-menu-button></ha-menu-button>
+            <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
             <div class="main-title">Span Panel</div>
           </div>
         </div>
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${this._discoveryError??"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.map(e=>e.id)),n=new Set(e.map(e=>e.id));t.size===n.size&&[...t].every(e=>n.has(e))||(this._panels=e,!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0&&(this._selectedPanelId=this._panels[0].id,localStorage.setItem("span_panel_selected",this._selectedPanelId)))}async _discoverPanels(){if(!this.hass)return;try{const e=await this.hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._discoveryError=null,this._discovered=!0;const e=localStorage.getItem("span_panel_selected");e&&this._panels.some(t=>t.id===e)?this._selectedPanelId=e:this._panels.length>0&&(this._selectedPanelId=this._panels[0].id),this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();const e=this.shadowRoot.getElementById("tab-content");if(e)switch(this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Oe(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps(),this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status),e.insertAdjacentHTML("afterbegin",`<style>${Et}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Oe(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps(),this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status),e.insertAdjacentHTML("afterbegin",`<style>${Et}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ie(e,t);for(const[e,o]of Object.entries(t.circuits))if(o.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[o,s]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{o(),s()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}};Wt.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `:oe`
+        <div class="header">
+          <div class="toolbar">
+            <div class="main-title">Span Panel</div>
+          </div>
+        </div>
+        <div class="view">
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
+        </div>
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Re(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===tn;this._favorites=e;const n=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(n,e),t&&!Re(e)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView||this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return We(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ut;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -177,4 +185,4 @@ const Ce={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:H},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,m([ke({attribute:!1})],Wt.prototype,"hass",void 0),m([ke({type:Boolean,reflect:!0})],Wt.prototype,"narrow",void 0),m([ze()],Wt.prototype,"_panels",void 0),m([ze()],Wt.prototype,"_selectedPanelId",void 0),m([ze()],Wt.prototype,"_activeTab",void 0),m([ze()],Wt.prototype,"_discovered",void 0),m([ze()],Wt.prototype,"_discoveryError",void 0),m([ze()],Wt.prototype,"_chartMetric",void 0),Wt=m([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],Wt),console.warn("%c SPAN-PANEL %c v0.9.2 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let Bt=!1;const Vt=Wt.prototype.connectedCallback;Wt.prototype.connectedCallback=function(){Bt=!0,Vt.call(this)};const Qt=Wt.prototype.disconnectedCallback;Wt.prototype.disconnectedCallback=function(){Bt=!1,Qt.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(Bt||window.location.pathname.includes("span-panel")&&setTimeout(()=>{Bt||location.reload()},200))});
+  `,v([ke({attribute:!1})],on.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],on.prototype,"narrow",void 0),v([ze()],on.prototype,"_panels",void 0),v([ze()],on.prototype,"_selectedPanelId",void 0),v([ze()],on.prototype,"_activeTab",void 0),v([ze()],on.prototype,"_discovered",void 0),v([ze()],on.prototype,"_discoveryError",void 0),v([ze()],on.prototype,"_chartMetric",void 0),v([ze()],on.prototype,"_favorites",void 0),on=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],on),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let an=!1;const rn=on.prototype.connectedCallback;on.prototype.connectedCallback=function(){an=!0,rn.call(this)};const ln=on.prototype.disconnectedCallback;on.prototype.disconnectedCallback=function(){an=!1,ln.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(an||window.location.pathname.includes("span-panel")&&setTimeout(()=>{an||location.reload()},200))});
diff --git a/package.json b/package.json
index 00cb3d2..aeabfa9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "span-panel-card",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 1888d8c..1951f72 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -338,11 +338,13 @@ export class SpanPanelCard extends LitElement {
       this._ctrl.setupResizeObserver(this.shadowRoot!, this.shadowRoot!.querySelector("ha-card"));
     } else if (this._activeTab === "activity") {
       container.innerHTML = "";
-      this._listCtrl.renderActivityView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status);
+      const listHeaderHTML = buildHeaderHTML(this._topology, this._config, { showSwitches: false });
+      this._listCtrl.renderActivityView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     } else if (this._activeTab === "area") {
       container.innerHTML = "";
-      this._listCtrl.renderAreaView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status);
+      const listHeaderHTML = buildHeaderHTML(this._topology, this._config, { showSwitches: false });
+      this._listCtrl.renderAreaView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     }
   }
diff --git a/src/constants.ts b/src/constants.ts
index ffcb6c1..581786f 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,7 +1,7 @@
 import { t } from "./i18n.js";
 import type { ChartMetricDef, GraphHorizonPreset, SheddingPriorityDef } from "./types.js";
 
-export const CARD_VERSION = "0.9.2";
+export const CARD_VERSION = "0.9.3";
 
 // -- Defaults --
 
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 9e5436d..53e915a 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -1,4 +1,4 @@
-import { DEFAULT_GRAPH_HORIZON, GRAPH_HORIZONS, LIVE_SAMPLE_INTERVAL_MS } from "../constants.js";
+import { DEFAULT_GRAPH_HORIZON, GRAPH_HORIZONS, INTEGRATION_DOMAIN, LIVE_SAMPLE_INTERVAL_MS } from "../constants.js";
 import { getCircuitChartEntity } from "../helpers/chart.js";
 import { getHorizonDurationMs, getMaxHistoryPoints, getMinGapMs, recordSample } from "../helpers/history.js";
 import { loadHistory, collectSubDeviceEntityIds } from "./history-loader.js";
@@ -6,7 +6,7 @@ import { updateCircuitDOM, updateSubDeviceDOM } from "./dom-updater.js";
 import { getEffectiveHorizon, getEffectiveSubDeviceHorizon } from "./graph-settings.js";
 import { MonitoringStatusCache } from "./monitoring-status.js";
 import { GraphSettingsCache } from "./graph-settings.js";
-import type { HomeAssistant, PanelTopology, CardConfig, HistoryMap, GraphSettings } from "../types.js";
+import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 
 const RECORDER_REFRESH_MS = 30_000;
 const RESIZE_THRESHOLD_PX = 5;
@@ -36,6 +36,26 @@ export class DashboardController {
   private _config: CardConfig | null = null;
   private _configEntryId: string | null = null;
 
+  /**
+   * Set when rendering the Favorites pseudo-panel. Composite circuit
+   * ids (``"{panelDeviceId}|{circuitUuid}"``) resolve through this map
+   * to the originating panel so side-panel edits target the correct
+   * config entry. ``null`` means normal single-panel mode.
+   */
+  private _favRefs: Record<string, FavoriteRef> | null = null;
+
+  /**
+   * Context used when opening the panel-mode side panel (Graph Settings)
+   * on a single real panel: the panel's HA device id plus the subsets
+   * of circuit uuids and sub-device HA device ids the user has favorited.
+   * Populated by the dashboard wrapper before tab renders.
+   */
+  private _panelFavorites: {
+    panelDeviceId: string;
+    circuitUuids: Set<string>;
+    subDeviceIds: Set<string>;
+  } | null = null;
+
   private _showMonitoring = false;
   private _updateInterval: ReturnType<typeof setInterval> | null = null;
   private _recorderRefreshInterval: ReturnType<typeof setInterval> | null = null;
@@ -70,6 +90,41 @@ export class DashboardController {
     this._configEntryId = configEntryId;
   }
 
+  /**
+   * Enter Favorites-view mode. ``refs`` maps the composite circuit ids
+   * present in the merged topology to their originating panel + circuit
+   * uuid + config entry. ``favoriteIds`` is the subset currently marked
+   * (effectively the keys of ``refs`` for this view, kept as a Set for
+   * fast heart-state lookups in panel-mode).
+   */
+  setFavoriteRefs(refs: Record<string, FavoriteRef>): void {
+    this._favRefs = refs;
+  }
+
+  clearFavoriteRefs(): void {
+    this._favRefs = null;
+  }
+
+  /**
+   * Provide the current panel's favorited circuit uuids and sub-device
+   * ids. Used only when opening the panel-mode (Graph Settings) side
+   * panel so its per-target list can render filled/outlined heart
+   * toggles. Pass ``null`` to disable hearts (e.g. standalone card).
+   */
+  setPanelFavorites(
+    info: {
+      panelDeviceId: string;
+      circuitUuids: Set<string>;
+      subDeviceIds: Set<string>;
+    } | null
+  ): void {
+    this._panelFavorites = info;
+  }
+
+  private get _inFavoritesView(): boolean {
+    return this._favRefs !== null;
+  }
+
   setConfig(config: CardConfig): void {
     this._config = config;
   }
@@ -260,11 +315,19 @@ export class DashboardController {
     sidePanel.hass = this._hass;
 
     if (gearBtn.classList.contains("panel-gear")) {
+      // Favorites view has no single panel to configure — the aggregate
+      // doesn't own global horizon or other panel-level settings.
+      if (this._inFavoritesView) return;
       await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
       sidePanel.open({
         panelMode: true,
         topology: this._topology,
         graphSettings: this.graphSettingsCache.settings,
+        showFavorites: this._panelFavorites !== null,
+        favoritePanelDeviceId: this._panelFavorites?.panelDeviceId,
+        favoriteCircuitUuids: this._panelFavorites?.circuitUuids,
+        favoriteSubDeviceIds: this._panelFavorites?.subDeviceIds,
+        configEntryId: this._configEntryId,
       });
       return;
     }
@@ -273,22 +336,47 @@ export class DashboardController {
     if (uuid && this._topology) {
       const circuit = this._topology.circuits[uuid];
       if (circuit) {
-        await this.monitoringCache.fetch(this._hass, this._configEntryId);
+        const ref = this._favRefs?.[uuid] ?? null;
+        const realUuid = ref && ref.kind === "circuit" ? ref.targetId : uuid;
+        const entryId = ref?.configEntryId ?? this._configEntryId;
+
+        // In favorites view, bypass the single-entry caches so we pick
+        // up the right panel's current graph/monitoring state.
+        let graphSettings: GraphSettings | null;
+        let monitoringStatus: MonitoringStatus | null;
+        if (ref) {
+          [graphSettings, monitoringStatus] = await Promise.all([this._fetchGraphSettingsFresh(entryId), this._fetchMonitoringStatusFresh(entryId)]);
+        } else {
+          await Promise.all([this.graphSettingsCache.fetch(this._hass, entryId), this.monitoringCache.fetch(this._hass, entryId)]);
+          graphSettings = this.graphSettingsCache.settings;
+          monitoringStatus = this.monitoringCache.status;
+        }
+
         const monitoringEntity = circuit.entities?.current ?? circuit.entities?.power;
-        const monitoringInfo = monitoringEntity ? (this.monitoringCache.status?.circuits?.[monitoringEntity] ?? null) : null;
+        const monitoringInfo = monitoringEntity ? (monitoringStatus?.circuits?.[monitoringEntity] ?? null) : null;
 
-        await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
-        const graphSettings = this.graphSettingsCache.settings;
         const globalHorizon = graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
-        const circuitOverride = graphSettings?.circuits?.[uuid];
+        const circuitOverride = graphSettings?.circuits?.[realUuid];
         const graphHorizonInfo = circuitOverride ? { ...circuitOverride, globalHorizon } : { horizon: globalHorizon, has_override: false, globalHorizon };
 
+        // Heart section shows whenever we're in a dashboard context — either
+        // the Favorites pseudo-panel (always favorited) or a real panel with
+        // the per-panel favorites set supplied by span-panel.ts. Standalone
+        // <span-panel-card> omits both and hearts don't render.
+        const favoritePanelDeviceId = ref?.panelDeviceId ?? this._panelFavorites?.panelDeviceId;
+        const isFavorite = ref !== null || (this._panelFavorites?.circuitUuids.has(realUuid) ?? false);
+        const showFavorites = this._inFavoritesView || this._panelFavorites !== null;
+
         sidePanel.open({
           ...circuit,
-          uuid,
+          uuid: realUuid,
           monitoringInfo,
           showMonitoring: this._showMonitoring,
           graphHorizonInfo,
+          showFavorites,
+          favoritePanelDeviceId,
+          isFavorite,
+          configEntryId: entryId,
         } as Record<string, unknown>);
         return;
       }
@@ -297,20 +385,81 @@ export class DashboardController {
     const subDevId = gearBtn.dataset.subdevId;
     if (subDevId && this._topology?.sub_devices?.[subDevId]) {
       const sub = this._topology.sub_devices[subDevId]!;
+      const ref = this._favRefs?.[subDevId] ?? null;
+      const realSubDevId = ref && ref.kind === "sub_device" ? ref.targetId : subDevId;
+      const entryId = ref?.configEntryId ?? this._configEntryId;
+
+      let graphSettings: GraphSettings | null;
+      if (ref) {
+        graphSettings = await this._fetchGraphSettingsFresh(entryId);
+      } else {
+        await this.graphSettingsCache.fetch(this._hass, entryId);
+        graphSettings = this.graphSettingsCache.settings;
+      }
 
-      await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
-      const graphSettings = this.graphSettingsCache.settings;
       const globalHorizon = graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
-      const subOverride = graphSettings?.sub_devices?.[subDevId];
+      const subOverride = graphSettings?.sub_devices?.[realSubDevId];
       const graphHorizonInfo = subOverride ? { ...subOverride, globalHorizon } : { horizon: globalHorizon, has_override: false, globalHorizon };
 
+      const favoritePanelDeviceId = ref?.panelDeviceId ?? this._panelFavorites?.panelDeviceId;
+      const isFavorite = ref !== null || (this._panelFavorites?.subDeviceIds.has(realSubDevId) ?? false);
+      const showFavorites = this._inFavoritesView || this._panelFavorites !== null;
+
       sidePanel.open({
         subDeviceMode: true,
-        subDeviceId: subDevId,
-        name: sub.name ?? subDevId,
+        subDeviceId: realSubDevId,
+        name: sub.name ?? realSubDevId,
         deviceType: sub.type ?? "",
+        entities: sub.entities,
         graphHorizonInfo,
+        showFavorites,
+        favoritePanelDeviceId,
+        isFavorite,
+        configEntryId: entryId,
+      });
+    }
+  }
+
+  /**
+   * Uncached fetch of graph settings for a specific config entry.
+   * Used in Favorites view where the shared ``graphSettingsCache`` is
+   * keyed to a different (primary) entry.
+   */
+  private async _fetchGraphSettingsFresh(entryId: string | null): Promise<GraphSettings | null> {
+    if (!this._hass) return null;
+    try {
+      const serviceData: Record<string, string> = {};
+      if (entryId) serviceData.config_entry_id = entryId;
+      const resp = await this._hass.callWS<{ response?: GraphSettings }>({
+        type: "call_service",
+        domain: INTEGRATION_DOMAIN,
+        service: "get_graph_settings",
+        service_data: serviceData,
+        return_response: true,
       });
+      return resp?.response ?? null;
+    } catch {
+      return null;
+    }
+  }
+
+  private async _fetchMonitoringStatusFresh(entryId: string | null): Promise<MonitoringStatus | null> {
+    if (!this._hass) return null;
+    try {
+      const serviceData: Record<string, string> = {};
+      if (entryId) serviceData.config_entry_id = entryId;
+      const resp = await this._hass.callWS<{ response?: MonitoringStatusResponse }>({
+        type: "call_service",
+        domain: INTEGRATION_DOMAIN,
+        service: "get_monitoring_status",
+        service_data: serviceData,
+        return_response: true,
+      });
+      const response = resp?.response;
+      if (!response) return null;
+      return { circuits: response.circuits, mains: response.mains };
+    } catch {
+      return null;
     }
   }
 
diff --git a/src/core/favorites-controller.ts b/src/core/favorites-controller.ts
new file mode 100644
index 0000000..6529c81
--- /dev/null
+++ b/src/core/favorites-controller.ts
@@ -0,0 +1,136 @@
+// src/core/favorites-controller.ts
+import { discoverTopology } from "../card/card-discovery.js";
+import type { FavoriteRef, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
+
+const COMPOSITE_SEPARATOR = "|";
+
+/** Build the composite circuit id used by the Favorites view. */
+export function buildCompositeId(panelDeviceId: string, circuitUuid: string): string {
+  return `${panelDeviceId}${COMPOSITE_SEPARATOR}${circuitUuid}`;
+}
+
+/**
+ * Parse a composite id back into its ``(panelDeviceId, circuitUuid)``
+ * parts. Returns ``null`` when the input is not a composite id — callers
+ * should treat a plain uuid as "use the current panel" in that case.
+ */
+export function parseCompositeId(id: string): { panelDeviceId: string; circuitUuid: string } | null {
+  const idx = id.indexOf(COMPOSITE_SEPARATOR);
+  if (idx <= 0 || idx === id.length - 1) return null;
+  return {
+    panelDeviceId: id.slice(0, idx),
+    circuitUuid: id.slice(idx + 1),
+  };
+}
+
+export interface FavoritesBuildResult {
+  topology: FavoritesTopology;
+  /** Unique contributing config entry ids (for monitoring tab stacking). */
+  entryIds: string[];
+  /**
+   * Per-panel raw topologies, keyed by panel device id. Callers that
+   * need to resolve a composite id to a real circuit (e.g. the side
+   * panel's gear routing) can look up the originating topology here.
+   */
+  panelTopologies: Record<string, PanelTopology>;
+}
+
+/**
+ * Aggregate the topologies of every panel that has at least one
+ * favorited circuit into a single ``FavoritesTopology``. Circuit keys in
+ * the merged topology are composite ids so uuids from different panels
+ * cannot collide; ``_favoriteRefs`` records the origin of each.
+ */
+export class FavoritesController {
+  async build(hass: HomeAssistant, favorites: FavoritesMap, panels: PanelDevice[]): Promise<FavoritesBuildResult> {
+    const panelsById = new Map<string, PanelDevice>();
+    for (const p of panels) panelsById.set(p.id, p);
+
+    const fetches: Promise<{
+      panelDeviceId: string;
+      panel: PanelDevice;
+      topology: PanelTopology | null;
+    }>[] = [];
+    for (const [panelDeviceId, entry] of Object.entries(favorites)) {
+      const hasAny = (entry?.circuits?.length ?? 0) > 0 || (entry?.sub_devices?.length ?? 0) > 0;
+      if (!hasAny) continue;
+      const panel = panelsById.get(panelDeviceId);
+      if (!panel) continue;
+      fetches.push(
+        (async () => {
+          try {
+            const result = await discoverTopology(hass, panelDeviceId);
+            return { panelDeviceId, panel, topology: result.topology };
+          } catch (err) {
+            console.warn("SPAN Panel: favorites topology fetch failed", panelDeviceId, err);
+            return { panelDeviceId, panel, topology: null };
+          }
+        })()
+      );
+    }
+
+    const results = await Promise.all(fetches);
+    const contributing = results.filter(r => r.topology !== null);
+    const includePanelPrefix = contributing.length > 1;
+
+    const mergedCircuits: FavoritesTopology["circuits"] = {};
+    const mergedSubDevices: NonNullable<FavoritesTopology["sub_devices"]> = {};
+    const refs: Record<string, FavoriteRef> = {};
+    const panelTopologies: Record<string, PanelTopology> = {};
+    const entryIds = new Set<string>();
+
+    for (const { panelDeviceId, panel, topology } of contributing) {
+      if (!topology) continue;
+      panelTopologies[panelDeviceId] = topology;
+      const configEntryId = panel.config_entries?.[0] ?? null;
+      if (configEntryId) entryIds.add(configEntryId);
+
+      const panelLabel = panel.name_by_user ?? panel.name ?? topology.device_name ?? "";
+      const entry = favorites[panelDeviceId];
+      const favoriteCircuitUuids = entry?.circuits ?? [];
+      const favoriteSubDeviceIds = entry?.sub_devices ?? [];
+
+      for (const uuid of favoriteCircuitUuids) {
+        const circuit = topology.circuits?.[uuid];
+        if (!circuit) continue;
+        const compositeId = buildCompositeId(panelDeviceId, uuid);
+        const name = includePanelPrefix && panelLabel ? `${panelLabel} \u00b7 ${circuit.name}` : circuit.name;
+        mergedCircuits[compositeId] = { ...circuit, name };
+        refs[compositeId] = {
+          panelDeviceId,
+          kind: "circuit",
+          targetId: uuid,
+          configEntryId,
+        };
+      }
+
+      for (const subDevId of favoriteSubDeviceIds) {
+        const sub = topology.sub_devices?.[subDevId];
+        if (!sub) continue;
+        const compositeId = buildCompositeId(panelDeviceId, subDevId);
+        const name = includePanelPrefix && panelLabel && sub.name ? `${panelLabel} \u00b7 ${sub.name}` : (sub.name ?? subDevId);
+        mergedSubDevices[compositeId] = { ...sub, name };
+        refs[compositeId] = {
+          panelDeviceId,
+          kind: "sub_device",
+          targetId: subDevId,
+          configEntryId,
+        };
+      }
+    }
+
+    const topology: FavoritesTopology = {
+      circuits: mergedCircuits,
+      sub_devices: mergedSubDevices,
+      panel_entities: {},
+      device_name: "",
+      _favoriteRefs: refs,
+    };
+
+    return {
+      topology,
+      entryIds: Array.from(entryIds),
+      panelTopologies,
+    };
+  }
+}
diff --git a/src/core/favorites-store.ts b/src/core/favorites-store.ts
new file mode 100644
index 0000000..5241756
--- /dev/null
+++ b/src/core/favorites-store.ts
@@ -0,0 +1,142 @@
+// src/core/favorites-store.ts
+import { INTEGRATION_DOMAIN } from "../constants.js";
+import type { FavoritesMap, HomeAssistant } from "../types.js";
+
+const FAVORITES_POLL_INTERVAL_MS = 30_000;
+
+/**
+ * Event dispatched on ``document`` when favorites have been mutated by
+ * any side-panel toggle. Consumers (e.g. the dashboard panel) listen to
+ * refresh their synthetic Favorites entry.
+ */
+export const FAVORITES_CHANGED_EVENT = "favorites-changed";
+
+interface GetFavoritesResponse {
+  favorites?: FavoritesMap;
+}
+
+interface CallServiceResponse<T> {
+  response?: T;
+}
+
+async function _callFavoritesService<T>(hass: HomeAssistant, service: string, serviceData: Record<string, unknown> = {}): Promise<T | null> {
+  const resp = await hass.callWS<CallServiceResponse<T>>({
+    type: "call_service",
+    domain: INTEGRATION_DOMAIN,
+    service,
+    service_data: serviceData,
+    return_response: true,
+  });
+  return resp?.response ?? null;
+}
+
+/**
+ * Fetch the current favorites map from the HA backend. Always hits the
+ * backend; callers should prefer ``FavoritesCache.fetch`` when they want
+ * request coalescing.
+ */
+export async function fetchFavorites(hass: HomeAssistant): Promise<FavoritesMap> {
+  const resp = await _callFavoritesService<GetFavoritesResponse>(hass, "get_favorites");
+  return resp?.favorites ?? {};
+}
+
+/**
+ * Mark the entity (a circuit current/power sensor or any sub-device
+ * sensor) as a favorite. The backend resolves the entity_id to its
+ * panel + (circuit_uuid | sub_device_id) tuple, so callers never need
+ * to know storage shapes or internal identifiers.
+ */
+export async function addFavorite(hass: HomeAssistant, entityId: string): Promise<FavoritesMap> {
+  const resp = await _callFavoritesService<GetFavoritesResponse>(hass, "add_favorite", {
+    entity_id: entityId,
+  });
+  document.dispatchEvent(new CustomEvent(FAVORITES_CHANGED_EVENT));
+  return resp?.favorites ?? {};
+}
+
+/**
+ * Remove the entity from the favorites map. See ``addFavorite`` for the
+ * reasoning behind the entity_id API.
+ */
+export async function removeFavorite(hass: HomeAssistant, entityId: string): Promise<FavoritesMap> {
+  const resp = await _callFavoritesService<GetFavoritesResponse>(hass, "remove_favorite", {
+    entity_id: entityId,
+  });
+  document.dispatchEvent(new CustomEvent(FAVORITES_CHANGED_EVENT));
+  return resp?.favorites ?? {};
+}
+
+/**
+ * Cached favorites map with a 30-second TTL and in-flight deduplication.
+ * Mirrors ``GraphSettingsCache``'s lifecycle so the dashboard panel can
+ * refresh on events (``invalidate()``) without thrashing the backend.
+ */
+export class FavoritesCache {
+  private _map: FavoritesMap | null;
+  private _lastFetch: number;
+  private _inflight: Promise<FavoritesMap> | null;
+
+  constructor() {
+    this._map = null;
+    this._lastFetch = 0;
+    this._inflight = null;
+  }
+
+  async fetch(hass: HomeAssistant): Promise<FavoritesMap> {
+    const now = Date.now();
+    if (this._inflight) return this._inflight;
+    if (this._map && now - this._lastFetch < FAVORITES_POLL_INTERVAL_MS) {
+      return this._map;
+    }
+
+    this._inflight = (async () => {
+      try {
+        const map = await fetchFavorites(hass);
+        this._map = map;
+        this._lastFetch = Date.now();
+        return map;
+      } catch {
+        return this._map ?? {};
+      } finally {
+        this._inflight = null;
+      }
+    })();
+    return this._inflight;
+  }
+
+  invalidate(): void {
+    this._lastFetch = 0;
+  }
+
+  clear(): void {
+    this._map = null;
+    this._lastFetch = 0;
+  }
+
+  get map(): FavoritesMap {
+    return this._map ?? {};
+  }
+}
+
+/**
+ * Count the total number of favorited targets (circuits + sub-devices)
+ * across all panels.
+ */
+export function countFavorites(map: FavoritesMap): number {
+  let n = 0;
+  for (const entry of Object.values(map)) {
+    n += (entry.circuits?.length ?? 0) + (entry.sub_devices?.length ?? 0);
+  }
+  return n;
+}
+
+/**
+ * True when the user has at least one favorite configured (any kind).
+ */
+export function hasAnyFavorites(map: FavoritesMap): boolean {
+  for (const entry of Object.values(map)) {
+    if ((entry.circuits?.length ?? 0) > 0) return true;
+    if ((entry.sub_devices?.length ?? 0) > 0) return true;
+  }
+  return false;
+}
diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 0619e05..8875c95 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -3,14 +3,24 @@ import { t } from "../i18n.js";
 import { SHEDDING_PRIORITIES } from "../constants.js";
 import type { PanelTopology, CardConfig, SheddingPriorityDef } from "../types.js";
 
+export interface HeaderRenderOptions {
+  /**
+   * Include the slide-to-enable switches control. Only the By Panel
+   * tab renders the breaker grid with circuit toggles, so the other
+   * tabs should omit this control to avoid a non-functional button.
+   */
+  showSwitches?: boolean;
+}
+
 /**
  * Build the panel header HTML with stats, gear icon, and A/W toggle.
  */
-export function buildHeaderHTML(topology: PanelTopology, config: CardConfig): string {
+export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, options: HeaderRenderOptions = {}): string {
   const panelName: string = escapeHtml(topology.device_name || t("header.default_name"));
   const serial: string = escapeHtml(topology.serial || "");
   const firmware: string = escapeHtml(topology.firmware || "");
   const isAmpsMode: boolean = (config.chart_metric || "power") === "current";
+  const showSwitches = options.showSwitches !== false;
 
   const hasSite: boolean = !!topology.panel_entities?.site_power;
   const hasGrid: boolean = !!topology.panel_entities?.dsm_state;
@@ -28,12 +38,16 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig): st
           <button class="gear-icon panel-gear" title="${t("header.graph_settings")}">
             <ha-icon icon="mdi:cog"></ha-icon>
           </button>
-          <div class="slide-confirm" data-text-off="${t("header.enable_switches")}" data-text-on="${t("header.switches_enabled")}">
+          ${
+            showSwitches
+              ? `<div class="slide-confirm" data-text-off="${t("header.enable_switches")}" data-text-on="${t("header.switches_enabled")}">
             <span class="slide-confirm-text">${t("header.enable_switches")}</span>
             <div class="slide-confirm-knob">
               <ha-icon icon="mdi:lock"></ha-icon>
             </div>
-          </div>
+          </div>`
+              : ""
+          }
         </div>
         <div class="panel-stats">
           ${
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index 0f151e5..bc42fe1 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -3,7 +3,7 @@ import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { getChartMetric } from "../helpers/chart.js";
 import { t } from "../i18n.js";
 import { getCircuitMonitoringInfo } from "./monitoring-status.js";
-import { buildSearchBarHTML, buildUnitToggleHTML, buildListRowHTML, buildExpandedCircuitHTML, buildAreaHeaderHTML } from "./list-renderer.js";
+import { buildSearchBarHTML, buildListRowHTML, buildExpandedCircuitHTML, buildAreaHeaderHTML } from "./list-renderer.js";
 import type { DashboardController } from "./dashboard-controller.js";
 import type { HomeAssistant, PanelTopology, CardConfig, Circuit, MonitoringStatus } from "../types.js";
 
@@ -58,6 +58,14 @@ function getCircuitEntityId(circuit: Circuit): string {
   return circuit.entities?.current ?? circuit.entities?.power ?? "";
 }
 
+export const FAVORITES_VIEW_STATE_CHANGED_EVENT = "favorites-view-state-changed";
+
+export interface FavoritesViewStateDetail {
+  view: "activity" | "area";
+  expanded: string[];
+  searchQuery: string;
+}
+
 export class ListViewController {
   private _ctrl: DashboardController;
   private _expandedUuids = new Set<string>();
@@ -73,16 +81,47 @@ export class ListViewController {
   private _config: CardConfig | null = null;
   private _monitoringStatus: MonitoringStatus | null = null;
 
+  /**
+   * When set to ``"activity"`` or ``"area"``, expansion and search-box
+   * mutations dispatch ``favorites-view-state-changed`` so span-panel.ts
+   * can persist the Favorites pseudo-panel's view state to localStorage.
+   * ``null`` (the default) disables persistence for real-panel renders.
+   */
+  private _viewName: "activity" | "area" | null = null;
+
   constructor(ctrl: DashboardController) {
     this._ctrl = ctrl;
   }
 
+  /**
+   * Seed the expansion set before the next render. Called by
+   * ``span-panel.ts`` when re-entering the Favorites view so the user's
+   * previously expanded rows come back.
+   */
+  setInitialExpansion(ids: Iterable<string>): void {
+    this._expandedUuids = new Set(ids);
+  }
+
+  /** Seed the search query before the next render. */
+  setInitialSearchQuery(query: string): void {
+    this._searchQuery = query;
+  }
+
+  /**
+   * Mark the upcoming render as belonging to a Favorites-view tab so
+   * that expansion/search state persists across dropdown switches.
+   */
+  setViewName(viewName: "activity" | "area" | null): void {
+    this._viewName = viewName;
+  }
+
   renderActivityView(
     container: HTMLElement,
     hass: HomeAssistant,
     topology: PanelTopology,
     config: CardConfig,
-    monitoringStatus: MonitoringStatus | null
+    monitoringStatus: MonitoringStatus | null,
+    headerHTML: string
   ): void {
     this._unbindEvents();
     this._hass = hass;
@@ -93,7 +132,7 @@ export class ListViewController {
     const entries: [string, Circuit][] = Object.entries(topology.circuits);
     const sorted = sortCircuitEntries(entries, hass, config);
 
-    let html = buildSearchBarHTML(this._searchQuery) + buildUnitToggleHTML(config);
+    let html = headerHTML + buildSearchBarHTML(this._searchQuery);
     html += '<div class="list-view">';
 
     for (const [uuid, circuit] of sorted) {
@@ -116,7 +155,14 @@ export class ListViewController {
     this._ctrl.updateDOM(container);
   }
 
-  renderAreaView(container: HTMLElement, hass: HomeAssistant, topology: PanelTopology, config: CardConfig, monitoringStatus: MonitoringStatus | null): void {
+  renderAreaView(
+    container: HTMLElement,
+    hass: HomeAssistant,
+    topology: PanelTopology,
+    config: CardConfig,
+    monitoringStatus: MonitoringStatus | null,
+    headerHTML: string
+  ): void {
     this._unbindEvents();
     this._hass = hass;
     this._topology = topology;
@@ -144,7 +190,7 @@ export class ListViewController {
       return a.localeCompare(b);
     });
 
-    let html = buildSearchBarHTML(this._searchQuery) + buildUnitToggleHTML(config);
+    let html = headerHTML + buildSearchBarHTML(this._searchQuery);
     html += '<div class="list-view">';
 
     for (const areaName of areaNames) {
@@ -219,14 +265,35 @@ export class ListViewController {
 
   stop(): void {
     this._unbindEvents();
-    this._expandedUuids.clear();
-    this._searchQuery = "";
+    // Only reset user-visible view state for real-panel renders. In the
+    // Favorites view we preserve expansion/search across re-renders so
+    // switching tabs or reloading the page restores the user's layout.
+    if (this._viewName === null) {
+      this._expandedUuids.clear();
+      this._searchQuery = "";
+    }
     this._hass = null;
     this._topology = null;
     this._config = null;
     this._monitoringStatus = null;
   }
 
+  private _dispatchFavoritesViewState(): void {
+    if (!this._viewName || !this._container) return;
+    const detail: FavoritesViewStateDetail = {
+      view: this._viewName,
+      expanded: [...this._expandedUuids],
+      searchQuery: this._searchQuery,
+    };
+    this._container.dispatchEvent(
+      new CustomEvent<FavoritesViewStateDetail>(FAVORITES_VIEW_STATE_CHANGED_EVENT, {
+        detail,
+        bubbles: true,
+        composed: true,
+      })
+    );
+  }
+
   private _bindEvents(container: HTMLElement): void {
     this._container = container;
 
@@ -291,6 +358,7 @@ export class ListViewController {
 
       this._searchQuery = input.value.toLowerCase();
       this._applyFilter(container);
+      this._dispatchFavoritesViewState();
     };
 
     this._graphSettingsHandler = (): void => {
@@ -393,5 +461,7 @@ export class ListViewController {
       row.classList.add("list-row-expanded");
       this._ctrl.updateDOM(this._container);
     }
+
+    this._dispatchFavoritesViewState();
   }
 }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index b90446d..15b94a5 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -2,6 +2,7 @@
 import { escapeHtml } from "../helpers/sanitize.js";
 import { INTEGRATION_DOMAIN, SHEDDING_PRIORITIES, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, ERROR_DISPLAY_MS, INPUT_DEBOUNCE_MS } from "../constants.js";
 import { t } from "../i18n.js";
+import { addFavorite, removeFavorite } from "./favorites-store.js";
 import type { HomeAssistant, PanelTopology, GraphSettings, CircuitEntities, CircuitGraphOverride, MonitoringPointInfo } from "../types.js";
 
 const PRIORITY_OPTIONS: string[] = Object.keys(SHEDDING_PRIORITIES).filter(k => k !== "unknown" && k !== "always_on");
@@ -17,6 +18,21 @@ interface PanelModeConfig {
   subDeviceMode?: undefined;
   topology: PanelTopology;
   graphSettings: GraphSettings | null;
+  /**
+   * When set, the per-target lists in panel mode render a heart button
+   * beside each horizon selector for toggling favorites. Only the
+   * dashboard (``<span-panel>``) sets this — the standalone card leaves
+   * it undefined so hearts never appear there.
+   */
+  showFavorites?: boolean;
+  /** HA device id of the panel whose side panel is open (source of favorites). */
+  favoritePanelDeviceId?: string;
+  /** Circuit uuids already favorited for that panel — drives heart fill. */
+  favoriteCircuitUuids?: Set<string>;
+  /** Sub-device HA device ids already favorited — drives heart fill. */
+  favoriteSubDeviceIds?: Set<string>;
+  /** Override config entry id used for cross-panel service routing (favorites). */
+  configEntryId?: string | null;
 }
 
 interface CircuitModeConfig {
@@ -33,6 +49,14 @@ interface CircuitModeConfig {
   monitoringInfo: MonitoringPointInfo | null;
   showMonitoring?: boolean;
   graphHorizonInfo: GraphHorizonInfo;
+  /** Dashboard-only: render the Favorite section on this side panel. */
+  showFavorites?: boolean;
+  /** HA device id of the panel that owns this circuit. */
+  favoritePanelDeviceId?: string;
+  /** Initial favorite state; ``addFavorite``/``removeFavorite`` update live. */
+  isFavorite?: boolean;
+  /** Route domain service calls to this config entry (favorites view). */
+  configEntryId?: string | null;
 }
 
 interface SubDeviceModeConfig {
@@ -41,7 +65,17 @@ interface SubDeviceModeConfig {
   subDeviceId: string;
   name: string;
   deviceType: string;
+  /** Sub-device entity registry map from topology, used to pick a routable entity_id for favoriting. */
+  entities?: Record<string, { domain: string }>;
   graphHorizonInfo: GraphHorizonInfo;
+  /** Dashboard-only: render the Favorite section on this side panel. */
+  showFavorites?: boolean;
+  /** HA device id of the panel that owns this sub-device. */
+  favoritePanelDeviceId?: string;
+  /** Initial favorite state. */
+  isFavorite?: boolean;
+  /** Route domain service calls to this config entry (favorites view). */
+  configEntryId?: string | null;
 }
 
 type SidePanelConfig = PanelModeConfig | CircuitModeConfig | SubDeviceModeConfig;
@@ -232,6 +266,30 @@ const STYLES = `
     justify-content: space-between;
   }
 
+  .fav-heart {
+    background: none;
+    border: 1px solid var(--divider-color, #e0e0e0);
+    color: var(--secondary-text-color, #727272);
+    border-radius: 4px;
+    padding: 2px 6px;
+    cursor: pointer;
+    font-size: 0.9em;
+    margin-right: 6px;
+    line-height: 1;
+    display: inline-flex;
+    align-items: center;
+  }
+  .fav-heart.active {
+    color: var(--primary-color, #03a9f4);
+    border-color: var(--primary-color, #03a9f4);
+  }
+  .fav-heart:hover:not(.active) {
+    background: var(--secondary-background-color, #f5f5f5);
+  }
+  .fav-heart ha-icon {
+    --mdc-icon-size: 16px;
+  }
+
   .panel-mode-info {
     font-size: 14px;
     color: var(--primary-text-color, #212121);
@@ -251,6 +309,22 @@ const STYLES = `
   }
 `;
 
+/**
+ * Extract a readable message from a thrown value. Home Assistant WS
+ * errors are plain ``{code, message}`` objects (not ``Error``
+ * instances), so a naive ``String(err)`` would render ``"[object Object]"``.
+ */
+function _extractErrorMessage(err: unknown): string {
+  if (err instanceof Error) return err.message;
+  if (err && typeof err === "object") {
+    const obj = err as { message?: unknown; error?: unknown; code?: unknown };
+    if (typeof obj.message === "string" && obj.message) return obj.message;
+    if (typeof obj.error === "string" && obj.error) return obj.error;
+    if (typeof obj.code === "string" && obj.code) return obj.code;
+  }
+  return String(err);
+}
+
 // ── Component ─────────────────────────────────────────────────────────────
 
 class SpanSidePanel extends HTMLElement {
@@ -370,7 +444,9 @@ class SpanSidePanel extends HTMLElement {
       globalSelect.appendChild(opt);
     }
     globalSelect.addEventListener("change", () => {
-      this._callDomainService("set_graph_time_horizon", { horizon: globalSelect.value })
+      const data: Record<string, unknown> = { horizon: globalSelect.value };
+      if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+      this._callDomainService("set_graph_time_horizon", data)
         .then(() => {
           this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
         })
@@ -402,6 +478,11 @@ class SpanSidePanel extends HTMLElement {
         nameLabel.style.cssText = "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;";
         row.appendChild(nameLabel);
 
+        if (cfg.showFavorites && cfg.favoritePanelDeviceId) {
+          const heart = this._buildFavoriteHeart(circuit.entities, cfg.favoriteCircuitUuids?.has(uuid) ?? false);
+          if (heart) row.appendChild(heart);
+        }
+
         const circuitData = circuitSettings[uuid] || { horizon: globalHorizon, has_override: false };
         const effectiveHorizon = circuitData.has_override ? circuitData.horizon : globalHorizon;
 
@@ -418,10 +499,12 @@ class SpanSidePanel extends HTMLElement {
         }
         select.addEventListener("change", () => {
           this._debounce(`circuit-${uuid}`, INPUT_DEBOUNCE_MS, () => {
-            this._callDomainService("set_circuit_graph_horizon", {
+            const data: Record<string, unknown> = {
               circuit_id: uuid,
               horizon: select.value,
-            })
+            };
+            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+            this._callDomainService("set_circuit_graph_horizon", data)
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
@@ -445,7 +528,9 @@ class SpanSidePanel extends HTMLElement {
             fontSize: "0.85em",
           });
           resetBtn.addEventListener("click", () => {
-            this._callDomainService("clear_circuit_graph_horizon", { circuit_id: uuid })
+            const data: Record<string, unknown> = { circuit_id: uuid };
+            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+            this._callDomainService("clear_circuit_graph_horizon", data)
               .then(() => {
                 select.value = globalHorizon;
                 resetBtn.remove();
@@ -485,6 +570,11 @@ class SpanSidePanel extends HTMLElement {
         nameLabel.style.cssText = "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;";
         row.appendChild(nameLabel);
 
+        if (cfg.showFavorites && cfg.favoritePanelDeviceId) {
+          const heart = this._buildSubDeviceFavoriteHeart(sub.entities, cfg.favoriteSubDeviceIds?.has(devId) ?? false);
+          if (heart) row.appendChild(heart);
+        }
+
         const subDevData = subDeviceSettings[devId] || { horizon: globalHorizon, has_override: false };
         const effectiveHorizon = subDevData.has_override ? subDevData.horizon : globalHorizon;
 
@@ -501,10 +591,12 @@ class SpanSidePanel extends HTMLElement {
         }
         select.addEventListener("change", () => {
           this._debounce(`subdev-${devId}`, INPUT_DEBOUNCE_MS, () => {
-            this._callDomainService("set_subdevice_graph_horizon", {
+            const data: Record<string, unknown> = {
               subdevice_id: devId,
               horizon: select.value,
-            })
+            };
+            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+            this._callDomainService("set_subdevice_graph_horizon", data)
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
@@ -528,7 +620,9 @@ class SpanSidePanel extends HTMLElement {
             fontSize: "0.85em",
           });
           resetBtn.addEventListener("click", () => {
-            this._callDomainService("clear_subdevice_graph_horizon", { subdevice_id: devId })
+            const data: Record<string, unknown> = { subdevice_id: devId };
+            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+            this._callDomainService("clear_subdevice_graph_horizon", data)
               .then(() => {
                 select.value = globalHorizon;
                 resetBtn.remove();
@@ -564,6 +658,9 @@ class SpanSidePanel extends HTMLElement {
     body.appendChild(errorEl);
 
     this._renderRelaySection(body, cfg);
+    if (cfg.showFavorites) {
+      this._renderFavoriteSection(body, cfg);
+    }
     this._renderSheddingSection(body, cfg);
     this._renderGraphHorizonSection(body, cfg);
     if (cfg.showMonitoring) {
@@ -571,6 +668,162 @@ class SpanSidePanel extends HTMLElement {
     }
   }
 
+  private _favoriteEntityId(entities: CircuitEntities | undefined): string | null {
+    return entities?.current ?? entities?.power ?? null;
+  }
+
+  /**
+   * Pick any entity_id from a sub-device's entity map. The favorites
+   * service resolves the entity to its parent SPAN panel + sub-device
+   * id, so any sensor on the sub-device works. Prefers a sensor.
+   */
+  private _subDeviceFavoriteEntityId(entities: Record<string, { domain: string }> | undefined): string | null {
+    if (!entities) return null;
+    let fallback: string | null = null;
+    for (const [entityId, info] of Object.entries(entities)) {
+      if (info.domain === "sensor") return entityId;
+      if (!fallback) fallback = entityId;
+    }
+    return fallback;
+  }
+
+  /**
+   * Build a heart toggle for a sub-device row in panel-mode Graph
+   * Settings. Returns ``null`` when the sub-device has no entities to
+   * resolve (favorites services need an entity_id).
+   */
+  private _buildSubDeviceFavoriteHeart(entities: Record<string, { domain: string }> | undefined, isFavorite: boolean): HTMLButtonElement | null {
+    const entityId = this._subDeviceFavoriteEntityId(entities);
+    if (!entityId) return null;
+
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = isFavorite ? "fav-heart active" : "fav-heart";
+    btn.dataset.role = "fav-heart";
+    btn.title = t("sidepanel.save_to_favorites");
+
+    const icon = document.createElement("ha-icon");
+    icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
+    btn.appendChild(icon);
+
+    btn.addEventListener("click", (ev: Event) => {
+      ev.stopPropagation();
+      this._toggleFavoriteEntity(btn, icon, entityId).catch(() => {
+        // error message shown inside _toggleFavoriteEntity
+      });
+    });
+
+    return btn;
+  }
+
+  /**
+   * Build a heart toggle for a circuit row in panel-mode Graph Settings.
+   * Returns ``null`` when the circuit has no routable sensor entity
+   * (favorites services need an entity_id to resolve the target).
+   */
+  private _buildFavoriteHeart(entities: CircuitEntities | undefined, isFavorite: boolean): HTMLButtonElement | null {
+    const entityId = this._favoriteEntityId(entities);
+    if (!entityId) return null;
+
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = isFavorite ? "fav-heart active" : "fav-heart";
+    btn.dataset.role = "fav-heart";
+    btn.title = t("sidepanel.save_to_favorites");
+
+    const icon = document.createElement("ha-icon");
+    icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
+    btn.appendChild(icon);
+
+    btn.addEventListener("click", (ev: Event) => {
+      ev.stopPropagation();
+      this._toggleFavoriteEntity(btn, icon, entityId).catch(() => {
+        // error message shown inside _toggleFavoriteEntity
+      });
+    });
+
+    return btn;
+  }
+
+  private async _toggleFavoriteEntity(btn: HTMLButtonElement, icon: HTMLElement, entityId: string): Promise<void> {
+    if (!this._hass) return;
+    const wasActive = btn.classList.contains("active");
+    const nextActive = !wasActive;
+    // Optimistically flip; roll back on error.
+    btn.classList.toggle("active", nextActive);
+    icon.setAttribute("icon", nextActive ? "mdi:heart" : "mdi:heart-outline");
+    try {
+      if (nextActive) {
+        await addFavorite(this._hass, entityId);
+      } else {
+        await removeFavorite(this._hass, entityId);
+      }
+    } catch (err) {
+      btn.classList.toggle("active", wasActive);
+      icon.setAttribute("icon", wasActive ? "mdi:heart" : "mdi:heart-outline");
+      const message = _extractErrorMessage(err);
+      this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
+      throw err;
+    }
+  }
+
+  private _renderFavoriteSection(body: HTMLDivElement, cfg: CircuitModeConfig): void {
+    const entityId = this._favoriteEntityId(cfg.entities);
+    if (!entityId) return;
+
+    const section = document.createElement("div");
+    section.className = "section";
+    section.innerHTML = `<div class="section-label">${escapeHtml(t("sidepanel.favorite"))}</div>`;
+
+    const row = document.createElement("div");
+    row.className = "field-row";
+
+    const label = document.createElement("span");
+    label.className = "field-label";
+    label.textContent = t("sidepanel.save_to_favorites");
+
+    const toggle = document.createElement("ha-switch") as HaSwitchElement;
+    toggle.dataset.role = "favorite-toggle";
+    if (cfg.isFavorite) toggle.setAttribute("checked", "");
+
+    toggle.addEventListener("change", () => {
+      // The authoritative state after a user toggle lives on ``checked``;
+      // ``hasAttribute("checked")`` still reflects the initial render.
+      const nextActive = toggle.checked;
+      this._setFavoriteFromToggle(toggle, entityId, nextActive).catch(() => {
+        // error already displayed
+      });
+    });
+
+    row.appendChild(label);
+    row.appendChild(toggle);
+    section.appendChild(row);
+    body.appendChild(section);
+  }
+
+  private async _setFavoriteFromToggle(toggle: HaSwitchElement, entityId: string, nextActive: boolean): Promise<void> {
+    if (!this._hass) return;
+    try {
+      if (nextActive) {
+        await addFavorite(this._hass, entityId);
+      } else {
+        await removeFavorite(this._hass, entityId);
+      }
+    } catch (err) {
+      // Roll back the switch to its prior state.
+      if (nextActive) {
+        toggle.removeAttribute("checked");
+        toggle.checked = false;
+      } else {
+        toggle.setAttribute("checked", "");
+        toggle.checked = true;
+      }
+      const message = _extractErrorMessage(err);
+      this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
+      throw err;
+    }
+  }
+
   private _renderSubDeviceMode(panel: HTMLDivElement, cfg: SubDeviceModeConfig): void {
     const header = this._createHeader(escapeHtml(cfg.name), escapeHtml(cfg.deviceType));
     panel.appendChild(header);
@@ -585,9 +838,44 @@ class SpanSidePanel extends HTMLElement {
     errorEl.style.display = "none";
     body.appendChild(errorEl);
 
+    if (cfg.showFavorites) {
+      this._renderSubDeviceFavoriteSection(body, cfg);
+    }
     this._renderSubDeviceHorizonSection(body, cfg);
   }
 
+  private _renderSubDeviceFavoriteSection(body: HTMLDivElement, cfg: SubDeviceModeConfig): void {
+    const entityId = this._subDeviceFavoriteEntityId(cfg.entities);
+    if (!entityId) return;
+
+    const section = document.createElement("div");
+    section.className = "section";
+    section.innerHTML = `<div class="section-label">${escapeHtml(t("sidepanel.favorite"))}</div>`;
+
+    const row = document.createElement("div");
+    row.className = "field-row";
+
+    const label = document.createElement("span");
+    label.className = "field-label";
+    label.textContent = t("sidepanel.save_to_favorites");
+
+    const toggle = document.createElement("ha-switch") as HaSwitchElement;
+    toggle.dataset.role = "favorite-toggle";
+    if (cfg.isFavorite) toggle.setAttribute("checked", "");
+
+    toggle.addEventListener("change", () => {
+      const nextActive = toggle.checked;
+      this._setFavoriteFromToggle(toggle, entityId, nextActive).catch(() => {
+        // error already displayed
+      });
+    });
+
+    row.appendChild(label);
+    row.appendChild(toggle);
+    section.appendChild(row);
+    body.appendChild(section);
+  }
+
   private _renderSubDeviceHorizonSection(body: HTMLDivElement, cfg: SubDeviceModeConfig): void {
     const section = document.createElement("div");
     section.className = "section";
@@ -808,9 +1096,11 @@ class SpanSidePanel extends HTMLElement {
         if (btn.classList.contains("active")) return;
 
         const circuitId = cfg.uuid;
+        const baseData: Record<string, unknown> = { circuit_id: circuitId };
+        if (cfg.configEntryId) baseData.config_entry_id = cfg.configEntryId;
         if (key === "global") {
           updateSegmentStates("global");
-          this._callDomainService("clear_circuit_graph_horizon", { circuit_id: circuitId })
+          this._callDomainService("clear_circuit_graph_horizon", baseData)
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
@@ -818,7 +1108,7 @@ class SpanSidePanel extends HTMLElement {
         } else {
           updateSegmentStates(key);
           this._callDomainService("set_circuit_graph_horizon", {
-            circuit_id: circuitId,
+            ...baseData,
             horizon: key,
           })
             .then(() => {
@@ -899,10 +1189,14 @@ class SpanSidePanel extends HTMLElement {
       const checked = enableToggle.checked;
       detailsWrap.style.display = checked ? "block" : "none";
       const entityId = cfg.entities?.power || cfg.uuid;
-      this._callDomainService("set_circuit_threshold", {
+      const data: Record<string, unknown> = {
         circuit_id: entityId,
         monitoring_enabled: checked,
-      }).catch((err: Error) => this._showError(`${t("sidepanel.monitoring_toggle_failed")} ${err.message ?? err}`));
+      };
+      if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+      this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
+        this._showError(`${t("sidepanel.monitoring_toggle_failed")} ${err.message ?? err}`)
+      );
     });
 
     // Event: radio change
@@ -913,7 +1207,9 @@ class SpanSidePanel extends HTMLElement {
         thresholdsWrap.style.display = isCustom ? "block" : "none";
         if (!isCustom && radio.checked) {
           const entityId = cfg.entities?.power || cfg.uuid;
-          this._callDomainService("clear_circuit_threshold", { circuit_id: entityId }).catch((err: Error) =>
+          const data: Record<string, unknown> = { circuit_id: entityId };
+          if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+          this._callDomainService("clear_circuit_threshold", data).catch((err: Error) =>
             this._showError(`${t("sidepanel.clear_monitoring_failed")} ${err.message ?? err}`)
           );
         }
@@ -947,13 +1243,17 @@ class SpanSidePanel extends HTMLElement {
         const windowM = shadow.querySelector<HTMLInputElement>('[data-role="threshold-window-m"]');
         const cooldownM = shadow.querySelector<HTMLInputElement>('[data-role="threshold-cooldown-m"]');
         const entityId = cfg.entities?.power || cfg.uuid;
-        this._callDomainService("set_circuit_threshold", {
+        const data: Record<string, unknown> = {
           circuit_id: entityId,
           continuous_threshold_pct: continuous ? Number(continuous.value) : undefined,
           spike_threshold_pct: spike ? Number(spike.value) : undefined,
           window_duration_m: windowM ? Number(windowM.value) : undefined,
           cooldown_duration_m: cooldownM ? Number(cooldownM.value) : undefined,
-        }).catch((err: Error) => this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`));
+        };
+        if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+        this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
+          this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`)
+        );
       });
     });
 
@@ -1005,12 +1305,16 @@ class SpanSidePanel extends HTMLElement {
           const continuous = shadow.querySelector<HTMLInputElement>('[data-role="threshold-continuous"]');
           const spike = shadow.querySelector<HTMLInputElement>('[data-role="threshold-spike"]');
           const windowM = shadow.querySelector<HTMLInputElement>('[data-role="threshold-window-m"]');
-          this._callDomainService("set_circuit_threshold", {
+          const data: Record<string, unknown> = {
             circuit_id: cfg.uuid,
             continuous_threshold_pct: continuous ? Number(continuous.value) : undefined,
             spike_threshold_pct: spike ? Number(spike.value) : undefined,
             window_duration_m: windowM ? Number(windowM.value) : undefined,
-          }).catch((err: Error) => this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`));
+          };
+          if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
+          this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
+            this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`)
+          );
         });
       });
     }
diff --git a/src/i18n.ts b/src/i18n.ts
index cfe9673..be60364 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -147,6 +147,14 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.monitoring_toggle_failed": "Monitoring toggle failed:",
     "sidepanel.clear_monitoring_failed": "Clear monitoring failed:",
     "sidepanel.save_threshold_failed": "Save threshold failed:",
+    "sidepanel.favorite": "Favorite",
+    "sidepanel.save_to_favorites": "Save to favorites",
+    "sidepanel.favorite_failed": "Favorite update failed:",
+
+    // Favorites pseudo-panel
+    "panel.favorites": "Favorites",
+    "panel.favorites_summary_one": "1 circuit across {panels} panels",
+    "panel.favorites_summary_many": "{circuits} circuits across {panels} panels",
 
     // Monitoring status bar
     "status.monitoring": "Monitoring",
@@ -314,6 +322,12 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.monitoring_toggle_failed": "Error al cambiar monitoreo:",
     "sidepanel.clear_monitoring_failed": "Error al limpiar monitoreo:",
     "sidepanel.save_threshold_failed": "Error al guardar umbral:",
+    "sidepanel.favorite": "Favorito",
+    "sidepanel.save_to_favorites": "Guardar en favoritos",
+    "sidepanel.favorite_failed": "Error al actualizar favoritos:",
+    "panel.favorites": "Favoritos",
+    "panel.favorites_summary_one": "1 circuito en {panels} paneles",
+    "panel.favorites_summary_many": "{circuits} circuitos en {panels} paneles",
     "status.monitoring": "Monitoreo",
     "status.circuits": "circuitos",
     "status.mains": "alimentaci\u00f3n",
@@ -473,6 +487,12 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.monitoring_toggle_failed": "\u00c9chec du basculement de surveillance :",
     "sidepanel.clear_monitoring_failed": "\u00c9chec de l'effacement de surveillance :",
     "sidepanel.save_threshold_failed": "\u00c9chec de la sauvegarde du seuil :",
+    "sidepanel.favorite": "Favori",
+    "sidepanel.save_to_favorites": "Enregistrer dans les favoris",
+    "sidepanel.favorite_failed": "\u00c9chec de la mise \u00e0 jour du favori :",
+    "panel.favorites": "Favoris",
+    "panel.favorites_summary_one": "1 circuit sur {panels} panneaux",
+    "panel.favorites_summary_many": "{circuits} circuits sur {panels} panneaux",
     "status.monitoring": "Surveillance",
     "status.circuits": "circuits",
     "status.mains": "alimentation",
@@ -634,6 +654,12 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.monitoring_toggle_failed": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u5207\u308a\u66ff\u3048\u5931\u6557:",
     "sidepanel.clear_monitoring_failed": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u30af\u30ea\u30a2\u5931\u6557:",
     "sidepanel.save_threshold_failed": "\u3057\u304d\u3044\u5024\u4fdd\u5b58\u5931\u6557:",
+    "sidepanel.favorite": "\u304a\u6c17\u306b\u5165\u308a",
+    "sidepanel.save_to_favorites": "\u304a\u6c17\u306b\u5165\u308a\u306b\u4fdd\u5b58",
+    "sidepanel.favorite_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u66f4\u65b0\u306b\u5931\u6557:",
+    "panel.favorites": "\u304a\u6c17\u306b\u5165\u308a",
+    "panel.favorites_summary_one": "{panels} \u30d1\u30cd\u30eb\u306b\u308f\u305f\u308b 1 \u56de\u8def",
+    "panel.favorites_summary_many": "{panels} \u30d1\u30cd\u30eb\u306b\u308f\u305f\u308b {circuits} \u56de\u8def",
     "status.monitoring": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0",
     "status.circuits": "\u56de\u8def",
     "status.mains": "\u4e3b\u96fb\u6e90",
@@ -797,6 +823,12 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.monitoring_toggle_failed": "Falha ao alternar monitoramento:",
     "sidepanel.clear_monitoring_failed": "Falha ao limpar monitoramento:",
     "sidepanel.save_threshold_failed": "Falha ao salvar limite:",
+    "sidepanel.favorite": "Favorito",
+    "sidepanel.save_to_favorites": "Salvar nos favoritos",
+    "sidepanel.favorite_failed": "Falha ao atualizar favorito:",
+    "panel.favorites": "Favoritos",
+    "panel.favorites_summary_one": "1 circuito em {panels} painéis",
+    "panel.favorites_summary_many": "{circuits} circuitos em {panels} painéis",
     "status.monitoring": "Monitoramento",
     "status.circuits": "circuitos",
     "status.mains": "alimenta\u00e7\u00e3o",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index bb9bb17..f6457df 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -6,17 +6,66 @@ import { setLanguage, t } from "../i18n.js";
 import "../core/side-panel.js";
 import { DashboardTab } from "./tab-dashboard.js";
 import { MonitoringTab } from "./tab-monitoring.js";
-import { ListViewController } from "../core/list-view-controller.js";
+import { ListViewController, type FavoritesViewStateDetail } from "../core/list-view-controller.js";
 import { DashboardController } from "../core/dashboard-controller.js";
 import { buildTabBarHTML } from "../core/tab-bar-renderer.js";
 import { subscribeAreaUpdates } from "../core/area-resolver.js";
 import { discoverTopology } from "../card/card-discovery.js";
+import { buildHeaderHTML } from "../core/header-renderer.js";
+import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
+import { escapeHtml } from "../helpers/sanitize.js";
 import { CARD_STYLES } from "../card/card-styles.js";
-import type { HomeAssistant, PanelDevice, CardConfig } from "../types.js";
+import { FAVORITES_CHANGED_EVENT, FavoritesCache, countFavorites, hasAnyFavorites } from "../core/favorites-store.js";
+import { FavoritesController } from "../core/favorites-controller.js";
+import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
 
-interface HaMenuButton extends HTMLElement {
-  hass: HomeAssistant;
-  narrow: boolean;
+const FAVORITES_PANEL_ID = "favorites";
+const FAVORITES_VIEW_STATE_KEY = "span_panel_favorites_view_state";
+
+interface FavoritesViewState {
+  activeTab?: "activity" | "area" | "monitoring";
+  expanded: { activity: string[]; area: string[] };
+  searchQuery?: string;
+}
+
+function _defaultFavoritesViewState(): FavoritesViewState {
+  return { expanded: { activity: [], area: [] } };
+}
+
+function _loadFavoritesViewState(): FavoritesViewState {
+  try {
+    const raw = localStorage.getItem(FAVORITES_VIEW_STATE_KEY);
+    if (!raw) return _defaultFavoritesViewState();
+    const parsed = JSON.parse(raw) as Partial<FavoritesViewState> | null;
+    if (!parsed || typeof parsed !== "object") return _defaultFavoritesViewState();
+    const expanded = parsed.expanded ?? { activity: [], area: [] };
+    return {
+      activeTab: parsed.activeTab,
+      expanded: {
+        activity: Array.isArray(expanded.activity) ? expanded.activity : [],
+        area: Array.isArray(expanded.area) ? expanded.area : [],
+      },
+      searchQuery: typeof parsed.searchQuery === "string" ? parsed.searchQuery : undefined,
+    };
+  } catch {
+    return _defaultFavoritesViewState();
+  }
+}
+
+function _saveFavoritesViewState(viewState: FavoritesViewState): void {
+  try {
+    localStorage.setItem(FAVORITES_VIEW_STATE_KEY, JSON.stringify(viewState));
+  } catch {
+    // LocalStorage quota or disabled — non-fatal; state doesn't persist.
+  }
+}
+
+function _clearFavoritesViewState(): void {
+  try {
+    localStorage.removeItem(FAVORITES_VIEW_STATE_KEY);
+  } catch {
+    // non-fatal
+  }
 }
 
 type TabName = "dashboard" | "activity" | "area" | "monitoring";
@@ -35,13 +84,24 @@ export class SpanPanelElement extends LitElement {
   @state() private _discovered = false;
   @state() private _discoveryError: string | null = null;
   @state() private _chartMetric: string | undefined;
+  @state() private _favorites: FavoritesMap = {};
+
+  private _favoritesViewState: FavoritesViewState = _defaultFavoritesViewState();
 
   private _dashboardTab = new DashboardTab();
   private _monitoringTab = new MonitoringTab();
   private _listDashCtrl = new DashboardController();
   private _listCtrl = new ListViewController(this._listDashCtrl);
+  private _favCache = new FavoritesCache();
+  private _favCtrl = new FavoritesController();
+  /**
+   * Per-panel monitoring tabs used when rendering the Favorites view's
+   * Monitoring tab — one block per contributing panel's config entry.
+   */
+  private _favoritesMonitoringTabs: Map<string, MonitoringTab> = new Map();
   private _areaUnsub: (() => void) | null = null;
   private _onVisibilityChange: (() => void) | null = null;
+  private _onFavoritesChanged: (() => void) | null = null;
   private _deviceRegistryUnsub: Promise<() => void> | null = null;
 
   static styles = css`
@@ -145,6 +205,11 @@ export class SpanPanelElement extends LitElement {
     };
     document.addEventListener("visibilitychange", this._onVisibilityChange);
 
+    this._onFavoritesChanged = (): void => {
+      this._refreshFavorites();
+    };
+    document.addEventListener(FAVORITES_CHANGED_EVENT, this._onFavoritesChanged);
+
     this._subscribeDeviceRegistry();
   }
 
@@ -153,6 +218,8 @@ export class SpanPanelElement extends LitElement {
     this._monitoringTab.stop();
     this._listCtrl.stop();
     this._listDashCtrl.stopIntervals();
+    for (const tab of this._favoritesMonitoringTabs.values()) tab.stop();
+    this._favoritesMonitoringTabs.clear();
     if (this._areaUnsub) {
       this._areaUnsub();
       this._areaUnsub = null;
@@ -161,6 +228,10 @@ export class SpanPanelElement extends LitElement {
       document.removeEventListener("visibilitychange", this._onVisibilityChange);
       this._onVisibilityChange = null;
     }
+    if (this._onFavoritesChanged) {
+      document.removeEventListener(FAVORITES_CHANGED_EVENT, this._onFavoritesChanged);
+      this._onFavoritesChanged = null;
+    }
     this._unsubscribeDeviceRegistry();
     super.disconnectedCallback();
   }
@@ -177,13 +248,6 @@ export class SpanPanelElement extends LitElement {
       this._dashboardTab.hass = this.hass;
       this._listDashCtrl.hass = this.hass;
 
-      // Wire up ha-menu-button with current hass/narrow
-      const menuBtn = this.renderRoot.querySelector<HaMenuButton>("ha-menu-button");
-      if (menuBtn) {
-        menuBtn.hass = this.hass;
-        menuBtn.narrow = this.narrow;
-      }
-
       if (!this._discovered) {
         this._discoverPanels();
       } else if (!this.shadowRoot!.getElementById("tab-content")) {
@@ -196,11 +260,6 @@ export class SpanPanelElement extends LitElement {
       }
     }
 
-    if (changedProps.has("narrow")) {
-      const menuBtn = this.renderRoot.querySelector<HaMenuButton>("ha-menu-button");
-      if (menuBtn) menuBtn.narrow = this.narrow;
-    }
-
     // Render tab content when discovery completes or active tab/panel/metric changes
     if (
       this._discovered &&
@@ -209,6 +268,18 @@ export class SpanPanelElement extends LitElement {
       this._scheduleTabRender();
     }
 
+    // Keep the <select> visually synced with ``_selectedPanelId``.
+    // When the options list is rebuilt (e.g. Favorites entry prepended),
+    // the browser's ``select.value`` can stick to the previous value or
+    // silently slide to the first option, which is wrong when Favorites
+    // is prepended or removed. Force the property every update.
+    if (this._discovered && (changedProps.has("_panels") || changedProps.has("_selectedPanelId"))) {
+      const selectEl = this.shadowRoot?.getElementById("panel-select") as HTMLSelectElement | null;
+      if (selectEl && this._selectedPanelId !== null && selectEl.value !== this._selectedPanelId) {
+        selectEl.value = this._selectedPanelId;
+      }
+    }
+
     // Live-update collapsed rows when hass changes on list view tabs
     if (changedProps.has("hass") && this._discovered && (this._activeTab === "activity" || this._activeTab === "area")) {
       const tabContent = this.shadowRoot!.getElementById("tab-content");
@@ -228,11 +299,28 @@ export class SpanPanelElement extends LitElement {
   protected render(): unknown {
     setLanguage(this.hass?.language);
 
+    // ``ha-menu-button`` reads ``this.hass.kioskMode`` in its willUpdate;
+    // creating it before HA has assigned ``hass`` throws. Render a bare
+    // shell until hass arrives — the ``hass`` setter will request a new
+    // render via Lit reactivity once HA injects the property.
+    if (!this.hass) {
+      return html`
+        <div class="header">
+          <div class="toolbar">
+            <div class="main-title">Span Panel</div>
+          </div>
+        </div>
+        <div class="view">
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading\u2026"}</div>
+        </div>
+      `;
+    }
+
     if (!this._discovered) {
       return html`
         <div class="header">
           <div class="toolbar">
-            <ha-menu-button></ha-menu-button>
+            <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
             <div class="main-title">Span Panel</div>
           </div>
         </div>
@@ -245,7 +333,7 @@ export class SpanPanelElement extends LitElement {
     return html`
       <div class="header">
         <div class="toolbar">
-          <ha-menu-button></ha-menu-button>
+          <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
           <div class="main-title">
             <span class="panel-selector">
               <select id="panel-select" @change=${this._onPanelChange}>
@@ -255,20 +343,7 @@ export class SpanPanelElement extends LitElement {
           </div>
         </div>
 
-        <div class="panel-tabs" @click=${this._onTabClick}>
-          ${unsafeHTML(
-            buildTabBarHTML(
-              [
-                { id: "dashboard", label: t("tab.by_panel"), icon: "mdi:view-dashboard" },
-                { id: "activity", label: t("tab.by_activity"), icon: "mdi:sort-descending" },
-                { id: "area", label: t("tab.by_area"), icon: "mdi:home-group" },
-                { id: "monitoring", label: t("tab.monitoring"), icon: "mdi:monitor-eye" },
-              ],
-              this._activeTab,
-              "text"
-            )
-          )}
-        </div>
+        <div class="panel-tabs" @click=${this._onTabClick}>${unsafeHTML(buildTabBarHTML(this._buildTabList(), this._activeTab, "text"))}</div>
       </div>
 
       <div class="view">
@@ -281,6 +356,7 @@ export class SpanPanelElement extends LitElement {
             @side-panel-closed=${this._onSidePanelClosed}
             @graph-settings-changed=${this._onGraphSettingsChanged}
             @navigate-tab=${this._onNavigateTab}
+            @favorites-view-state-changed=${this._onFavoritesViewStateChangedEvent}
           ></div>
         </div>
       </div>
@@ -293,6 +369,11 @@ export class SpanPanelElement extends LitElement {
     const select = e.target as HTMLSelectElement;
     this._selectedPanelId = select.value;
     localStorage.setItem("span_panel_selected", select.value);
+    // The Favorites pseudo-panel has no "By Panel" tab, so re-route away
+    // from it when the user lands on favorites with that tab active.
+    if (this._isFavoritesView && this._activeTab === "dashboard") {
+      this._activeTab = "activity";
+    }
     if (this._areaUnsub) {
       this._areaUnsub();
       this._areaUnsub = null;
@@ -300,6 +381,10 @@ export class SpanPanelElement extends LitElement {
     this._scheduleTabRender();
   }
 
+  private get _isFavoritesView(): boolean {
+    return this._selectedPanelId === FAVORITES_PANEL_ID;
+  }
+
   private _onTabClick(e: Event): void {
     const target = e.target as HTMLElement;
     const btn = target.closest<HTMLElement>(".shared-tab");
@@ -307,6 +392,10 @@ export class SpanPanelElement extends LitElement {
     const tab = btn.dataset.tab as TabName | undefined;
     if (!tab || tab === this._activeTab) return;
     this._activeTab = tab;
+    if (this._isFavoritesView && tab !== "dashboard") {
+      this._favoritesViewState.activeTab = tab;
+      _saveFavoritesViewState(this._favoritesViewState);
+    }
     this._scheduleTabRender();
   }
 
@@ -363,6 +452,19 @@ export class SpanPanelElement extends LitElement {
     this._scheduleTabRender();
   }
 
+  private _onFavoritesViewStateChangedEvent(ev: Event): void {
+    if (!this._isFavoritesView) return;
+    const detail = (ev as CustomEvent<FavoritesViewStateDetail>).detail;
+    if (!detail) return;
+    const viewState = this._favoritesViewState;
+    viewState.activeTab = detail.view;
+    // Prune expansion ids to those still present in the merged topology.
+    const valid = this._listDashCtrl.topology?.circuits ?? {};
+    viewState.expanded[detail.view] = detail.expanded.filter(id => id in valid);
+    viewState.searchQuery = detail.searchQuery;
+    _saveFavoritesViewState(viewState);
+  }
+
   // ── Internal helpers ────────────────────────────────────────────────
 
   private _subscribeDeviceRegistry(): void {
@@ -383,46 +485,178 @@ export class SpanPanelElement extends LitElement {
     const devices = await this.hass.callWS<PanelDevice[]>({
       type: "config/device_registry/list",
     });
-    const panels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
+    const realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
 
-    const currentIds = new Set(this._panels.map(p => p.id));
-    const newIds = new Set(panels.map(p => p.id));
-    if (currentIds.size === newIds.size && [...currentIds].every(id => newIds.has(id))) return;
+    const prevRealIds = new Set(this._panels.filter(p => p.id !== FAVORITES_PANEL_ID).map(p => p.id));
+    const newRealIds = new Set(realPanels.map(p => p.id));
+    const realChanged = prevRealIds.size !== newRealIds.size || [...prevRealIds].some(id => !newRealIds.has(id));
+    if (!realChanged) return;
 
-    this._panels = panels;
+    this._panels = this._buildPanelList(realPanels, this._favorites);
     if (!this._panels.some(p => p.id === this._selectedPanelId) && this._panels.length > 0) {
-      this._selectedPanelId = this._panels[0]!.id;
-      localStorage.setItem("span_panel_selected", this._selectedPanelId);
+      const firstReal = realPanels[0];
+      if (firstReal) {
+        this._selectedPanelId = firstReal.id;
+        localStorage.setItem("span_panel_selected", this._selectedPanelId);
+      }
     }
   }
 
   private async _discoverPanels(): Promise<void> {
     if (!this.hass) return;
 
+    let realPanels: PanelDevice[];
     try {
       const devices = await this.hass.callWS<PanelDevice[]>({
         type: "config/device_registry/list",
       });
-      this._panels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
+      realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
     } catch (err) {
       console.error("SPAN Panel: device discovery failed", err);
       this._discoveryError = `Discovery failed: ${(err as Error).message ?? err}`;
       return;
     }
 
+    this._favorites = await this._loadFavorites();
+    this._panels = this._buildPanelList(realPanels, this._favorites);
+    this._favoritesViewState = _loadFavoritesViewState();
+
     this._discoveryError = null;
     this._discovered = true;
 
     const stored = localStorage.getItem("span_panel_selected");
     if (stored && this._panels.some(p => p.id === stored)) {
       this._selectedPanelId = stored;
-    } else if (this._panels.length > 0) {
-      this._selectedPanelId = this._panels[0]!.id;
+    } else if (realPanels.length > 0) {
+      this._selectedPanelId = realPanels[0]!.id;
+    }
+
+    // Restore the user's favorites tab when re-entering the pseudo-panel.
+    if (this._selectedPanelId === FAVORITES_PANEL_ID) {
+      const restoredTab = this._favoritesViewState.activeTab;
+      if (restoredTab === "activity" || restoredTab === "area" || restoredTab === "monitoring") {
+        this._activeTab = restoredTab;
+      } else if (this._activeTab === "dashboard") {
+        this._activeTab = "activity";
+      }
     }
 
     this._chartMetric = localStorage.getItem("span_panel_metric") || "power";
   }
 
+  /**
+   * Build the dropdown list, optionally prepending a synthetic Favorites
+   * entry when at least one favorite is configured.
+   */
+  private _buildPanelList(realPanels: PanelDevice[], favorites: FavoritesMap): PanelDevice[] {
+    if (!hasAnyFavorites(favorites)) return realPanels;
+    const favoritesEntry: PanelDevice = {
+      id: FAVORITES_PANEL_ID,
+      name: t("panel.favorites"),
+      model: "__favorites__",
+    };
+    return [favoritesEntry, ...realPanels];
+  }
+
+  private async _loadFavorites(): Promise<FavoritesMap> {
+    if (!this.hass) return {};
+    try {
+      return await this._favCache.fetch(this.hass);
+    } catch (err) {
+      console.warn("SPAN Panel: favorites fetch failed", err);
+      return {};
+    }
+  }
+
+  /**
+   * React to a ``favorites-changed`` event dispatched by the side panel.
+   * Re-fetches the favorites map and updates the dropdown entry + the
+   * per-panel favorites passed into controllers. Does NOT tear down the
+   * tab content — that would close any open side panel. The next panel
+   * or tab switch naturally picks up the new list for the Favorites view.
+   */
+  private async _refreshFavorites(): Promise<void> {
+    this._favCache.invalidate();
+    const favorites = await this._loadFavorites();
+    const wasOnFavorites = this._selectedPanelId === FAVORITES_PANEL_ID;
+    this._favorites = favorites;
+
+    const realPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
+    this._panels = this._buildPanelList(realPanels, favorites);
+
+    if (wasOnFavorites && !hasAnyFavorites(favorites)) {
+      // Last favorite removed — fall back to the first real panel and
+      // drop the persisted Favorites view state so a fresh return opens
+      // with defaults. The selectedPanelId change reactively re-renders
+      // the tab content via ``updated()``.
+      _clearFavoritesViewState();
+      this._favoritesViewState = _defaultFavoritesViewState();
+      const fallback = realPanels[0];
+      if (fallback) {
+        this._selectedPanelId = fallback.id;
+        localStorage.setItem("span_panel_selected", fallback.id);
+      } else {
+        this._selectedPanelId = null;
+      }
+    } else if (!this._isFavoritesView) {
+      // Keep per-panel favorites fresh so the next gear click (or a
+      // re-opened side panel) reflects the current heart state.
+      this._applyPanelFavorites();
+    }
+  }
+
+  /**
+   * Build the tab list for the current panel selection. The Favorites
+   * pseudo-panel drops "By Panel" because its merged topology has no
+   * physical breaker grid to render.
+   */
+  private _buildTabList(): { id: string; label: string; icon: string }[] {
+    const tabs: { id: string; label: string; icon: string }[] = [];
+    if (!this._isFavoritesView) {
+      tabs.push({ id: "dashboard", label: t("tab.by_panel"), icon: "mdi:view-dashboard" });
+    }
+    tabs.push(
+      { id: "activity", label: t("tab.by_activity"), icon: "mdi:sort-descending" },
+      { id: "area", label: t("tab.by_area"), icon: "mdi:home-group" },
+      { id: "monitoring", label: t("tab.monitoring"), icon: "mdi:monitor-eye" }
+    );
+    return tabs;
+  }
+
+  /**
+   * Build the persistent panel-stats header HTML for the current real
+   * panel. Omits the "Enable Switches" slide-to-confirm in list/monitoring
+   * views where breaker toggles aren't rendered anyway.
+   */
+  private _buildCurrentPanelHeaderHTML(topology: PanelTopology, config: CardConfig): string {
+    return buildHeaderHTML(topology, config, { showSwitches: false });
+  }
+
+  /**
+   * Build a minimal summary strip for the Favorites pseudo-panel. The
+   * aggregate has no panel-level stats to render, so we surface the
+   * circuit + panel counts and the W/A unit toggle (since the list view
+   * no longer renders its own — the persistent header owns it).
+   */
+  private _buildFavoritesSummaryHTML(): string {
+    const panelCount = Object.values(this._favorites).filter(e => (e.circuits?.length ?? 0) > 0 || (e.sub_devices?.length ?? 0) > 0).length;
+    const circuitCount = countFavorites(this._favorites);
+    const key = circuitCount === 1 ? "panel.favorites_summary_one" : "panel.favorites_summary_many";
+    const template = t(key);
+    const summary = template.replace("{circuits}", String(circuitCount)).replace("{panels}", String(panelCount));
+    const isAmpsMode = (this._chartMetric || "power") === "current";
+    return `
+      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">
+        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${escapeHtml(t("panel.favorites"))}</div>
+        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${escapeHtml(summary)}</div>
+        <div class="unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
+          <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
+          <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
+        </div>
+      </div>
+    `;
+  }
+
   private _buildDashboardConfig(): CardConfig {
     return {
       chart_metric: this._chartMetric,
@@ -443,10 +677,21 @@ export class SpanPanelElement extends LitElement {
     this._monitoringTab.stop();
     this._listCtrl.stop();
     this._listDashCtrl.stopIntervals();
+    for (const tab of this._favoritesMonitoringTabs.values()) tab.stop();
+    this._favoritesMonitoringTabs.clear();
 
     const container = this.shadowRoot!.getElementById("tab-content");
     if (!container) return;
 
+    if (this._isFavoritesView) {
+      await this._renderFavoritesTab(container);
+      return;
+    }
+
+    this._listDashCtrl.clearFavoriteRefs();
+    this._listCtrl.setViewName(null);
+    this._applyPanelFavorites();
+
     switch (this._activeTab) {
       case "dashboard": {
         container.innerHTML = "";
@@ -466,7 +711,8 @@ export class SpanPanelElement extends LitElement {
           this._listDashCtrl.init(result.topology, config, this.hass, entryId);
           await this._listDashCtrl.monitoringCache.fetch(this.hass, entryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
-          this._listCtrl.renderActivityView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status);
+          const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          this._listCtrl.renderActivityView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
           this._listDashCtrl.updateDOM(container);
@@ -489,7 +735,8 @@ export class SpanPanelElement extends LitElement {
           this._listDashCtrl.init(result.topology, config, this.hass, areaEntryId);
           await this._listDashCtrl.monitoringCache.fetch(this.hass, areaEntryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
-          this._listCtrl.renderAreaView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status);
+          const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          this._listCtrl.renderAreaView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
           this._listDashCtrl.updateDOM(container);
@@ -518,9 +765,142 @@ export class SpanPanelElement extends LitElement {
         container.innerHTML = "";
         const monDevice = this._panels.find(p => p.id === this._selectedPanelId);
         const monEntryId = monDevice?.config_entries?.[0] ?? null;
+        // Monitoring is a pure configuration view — no panel-stats header.
         await this._monitoringTab.render(container, this.hass, monEntryId ?? undefined);
         break;
       }
     }
   }
+
+  /**
+   * Render the Favorites pseudo-panel for the current active tab.
+   * Skips the "By Panel" tab entirely — that tab is filtered out of the
+   * tab bar and ``_onPanelChange`` auto-reroutes to Activity when the
+   * user switches panels while it was active.
+   */
+  private async _renderFavoritesTab(container: HTMLElement): Promise<void> {
+    if (this._activeTab === "dashboard") this._activeTab = "activity";
+
+    container.innerHTML = "";
+    if (!this.hass) return;
+
+    const realPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
+    const build = await this._favCtrl.build(this.hass, this._favorites, realPanels);
+    const merged = build.topology;
+    const primaryEntryId = build.entryIds[0] ?? null;
+
+    const hasCircuits = Object.keys(merged.circuits).length > 0;
+    const hasSubDevices = Object.keys(merged.sub_devices ?? {}).length > 0;
+    if (!hasCircuits && !hasSubDevices) {
+      const empty = document.createElement("p");
+      empty.style.color = "var(--secondary-text-color)";
+      empty.style.padding = "24px";
+      empty.textContent = t("list.no_results");
+      container.appendChild(empty);
+      return;
+    }
+
+    this._listDashCtrl.setFavoriteRefs(merged._favoriteRefs);
+    this._listDashCtrl.setPanelFavorites(null);
+
+    if (this._activeTab === "monitoring") {
+      this._listCtrl.setViewName(null);
+      await this._renderFavoritesMonitoring(container, build.entryIds, realPanels);
+      return;
+    }
+
+    const viewName = this._activeTab as "activity" | "area";
+    const validCircuitIds = new Set(Object.keys(merged.circuits));
+    const storedExpanded = this._favoritesViewState.expanded[viewName].filter(id => validCircuitIds.has(id));
+    this._listCtrl.setViewName(viewName);
+    this._listCtrl.setInitialExpansion(storedExpanded);
+    this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery ?? "");
+
+    const config = this._buildDashboardConfig();
+    this._listDashCtrl.init(merged, config, this.hass, primaryEntryId);
+    await this._listDashCtrl.fetchAndBuildHorizonMaps();
+
+    const summaryHTML = this._buildFavoritesSummaryHTML();
+    const subDevicesHTML = hasSubDevices
+      ? `<div class="favorites-subdevices-section" style="padding:8px 16px 0;">
+           <div class="sub-devices">${buildSubDevicesHTML(merged, this.hass, config)}</div>
+         </div>`
+      : "";
+    const headerHTML = summaryHTML + subDevicesHTML;
+    try {
+      if (viewName === "activity") {
+        this._listCtrl.renderActivityView(container, this.hass, merged as FavoritesTopology, config, null, headerHTML);
+      } else {
+        this._listCtrl.renderAreaView(container, this.hass, merged as FavoritesTopology, config, null, headerHTML);
+      }
+      container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
+      await this._listDashCtrl.loadHistory();
+      this._listDashCtrl.updateDOM(container);
+      this._listDashCtrl.startIntervals(container);
+    } catch (err) {
+      const errEl = document.createElement("p");
+      errEl.style.color = "var(--error-color)";
+      errEl.textContent = (err as Error).message;
+      container.appendChild(errEl);
+    }
+  }
+
+  private async _renderFavoritesMonitoring(container: HTMLElement, entryIds: string[], realPanels: PanelDevice[]): Promise<void> {
+    if (!this.hass) return;
+
+    container.insertAdjacentHTML("beforeend", this._buildFavoritesSummaryHTML());
+
+    const wrapper = document.createElement("div");
+    wrapper.className = "favorites-monitoring-stack";
+    container.appendChild(wrapper);
+
+    const panelsByEntry = new Map<string, PanelDevice>();
+    for (const panel of realPanels) {
+      const eid = panel.config_entries?.[0];
+      if (eid) panelsByEntry.set(eid, panel);
+    }
+
+    for (const entryId of entryIds) {
+      const panel = panelsByEntry.get(entryId);
+      const block = document.createElement("div");
+      block.className = "favorites-monitoring-block";
+      block.style.marginBottom = "24px";
+
+      const heading = document.createElement("h3");
+      heading.style.margin = "8px 0 12px";
+      heading.style.fontSize = "1em";
+      heading.textContent = panel?.name_by_user ?? panel?.name ?? entryId;
+      block.appendChild(heading);
+
+      const body = document.createElement("div");
+      block.appendChild(body);
+      wrapper.appendChild(block);
+
+      const tab = new MonitoringTab();
+      this._favoritesMonitoringTabs.set(entryId, tab);
+      await tab.render(body, this.hass, entryId);
+    }
+  }
+
+  /**
+   * For real-panel renders, push the current panel's favorited circuit
+   * uuids and sub-device ids into the shared list controller so hearts
+   * render with the right fill state when a side panel opens from any
+   * gear click on the dashboard.
+   */
+  private _applyPanelFavorites(): void {
+    if (!this._selectedPanelId || this._isFavoritesView) {
+      this._listDashCtrl.setPanelFavorites(null);
+      this._dashboardTab.setPanelFavorites(null);
+      return;
+    }
+    const entry = this._favorites[this._selectedPanelId];
+    const info = {
+      panelDeviceId: this._selectedPanelId,
+      circuitUuids: new Set(entry?.circuits ?? []),
+      subDeviceIds: new Set(entry?.sub_devices ?? []),
+    };
+    this._listDashCtrl.setPanelFavorites(info);
+    this._dashboardTab.setPanelFavorites(info);
+  }
 }
diff --git a/src/panel/tab-dashboard.ts b/src/panel/tab-dashboard.ts
index 5da50f2..5bad7ee 100644
--- a/src/panel/tab-dashboard.ts
+++ b/src/panel/tab-dashboard.ts
@@ -9,6 +9,12 @@ import { CARD_STYLES } from "../card/card-styles.js";
 import "../core/side-panel.js";
 import type { HomeAssistant, CardConfig } from "../types.js";
 
+export interface PanelFavoriteInfo {
+  panelDeviceId: string;
+  circuitUuids: Set<string>;
+  subDeviceIds: Set<string>;
+}
+
 export class DashboardTab {
   private readonly _ctrl = new DashboardController();
   private _container: HTMLElement | null = null;
@@ -25,6 +31,15 @@ export class DashboardTab {
     this._ctrl.hass = val;
   }
 
+  /**
+   * Provide the current panel's favorites (for heart toggles in the
+   * Graph Settings / circuit side panels). Pass ``null`` to hide hearts
+   * when the dashboard is not the active rendering context.
+   */
+  setPanelFavorites(info: PanelFavoriteInfo | null): void {
+    this._ctrl.setPanelFavorites(info);
+  }
+
   async render(container: HTMLElement, hass: HomeAssistant, deviceId: string, config: CardConfig, configEntryId?: string | null): Promise<void> {
     this.stop();
     this._ctrl.reset();
diff --git a/src/panel/tab-monitoring.ts b/src/panel/tab-monitoring.ts
index 831fe29..817217d 100644
--- a/src/panel/tab-monitoring.ts
+++ b/src/panel/tab-monitoring.ts
@@ -45,11 +45,13 @@ export class MonitoringTab {
   private _debounceTimer: ReturnType<typeof setTimeout> | null;
   private _configEntryId: string | null;
   private _notifyCloseHandler: ((e: MouseEvent) => void) | null;
+  private _headerHTML: string;
 
   constructor() {
     this._debounceTimer = null;
     this._configEntryId = null;
     this._notifyCloseHandler = null;
+    this._headerHTML = "";
   }
 
   stop(): void {
@@ -63,8 +65,9 @@ export class MonitoringTab {
     }
   }
 
-  async render(container: HTMLElement, hass: HomeAssistant, configEntryId?: string): Promise<void> {
+  async render(container: HTMLElement, hass: HomeAssistant, configEntryId?: string, headerHTML: string = ""): Promise<void> {
     if (configEntryId !== undefined) this._configEntryId = configEntryId;
+    this._headerHTML = headerHTML;
     if (this._notifyCloseHandler) {
       document.removeEventListener("click", this._notifyCloseHandler as EventListener);
       this._notifyCloseHandler = null;
@@ -191,6 +194,7 @@ export class MonitoringTab {
       .join("");
 
     container.innerHTML = `
+      ${this._headerHTML}
       <div style="padding:16px;">
         <h2 style="margin-top:0;">${t("monitoring.heading")}</h2>
 
diff --git a/src/types.ts b/src/types.ts
index c2ff5cf..5f22b48 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -125,6 +125,48 @@ export interface ChartMetricDef {
   fixedMax?: number;
 }
 
+// -- Favorites --
+
+export interface PanelFavoritesEntry {
+  circuits: string[];
+  sub_devices: string[];
+}
+
+/**
+ * Cross-panel favorites, keyed by the main SPAN panel device id
+ * (HA device registry id) and grouping the panel-local circuit uuids
+ * and sub-device HA device ids the user has marked.
+ */
+export interface FavoritesMap {
+  [panelDeviceId: string]: PanelFavoritesEntry;
+}
+
+export type FavoriteKind = "circuit" | "sub_device";
+
+/**
+ * Origin metadata for a favorited circuit or sub-device, used by the
+ * Favorites pseudo-panel to route per-target service calls back to the
+ * correct SPAN panel/config entry after aggregating across panels.
+ */
+export interface FavoriteRef {
+  panelDeviceId: string;
+  kind: FavoriteKind;
+  /** Real circuit uuid (kind ``circuit``) or HA device id (kind ``sub_device``). */
+  targetId: string;
+  configEntryId: string | null;
+}
+
+/**
+ * Merged topology for the Favorites pseudo-panel. Circuits and
+ * sub-devices are keyed by composite ids ``"{panelDeviceId}|{targetId}"``
+ * so identifiers from different panels can't collide.
+ * ``_favoriteRefs`` maps composite ids back to their origin for
+ * downstream service calls.
+ */
+export interface FavoritesTopology extends PanelTopology {
+  _favoriteRefs: Record<string, FavoriteRef>;
+}
+
 // -- Graph settings --
 
 export interface CircuitGraphOverride {

From 46b56ae24d736f61d198f5c513f8cadd9d73f6a6 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:45:54 -0700
Subject: [PATCH 02/97] fix: thread config_entry_id from sub-device side panel
 horizon

The sub-device-mode side panel's horizon segment buttons (BESS, EVSE)
called set_subdevice_graph_horizon / clear_subdevice_graph_horizon
without config_entry_id, so the backend's _get_horizon_manager fell
back to the FIRST loaded SPAN entry's manager. On multi-panel installs
the override was written to the wrong panel's manager and the chart
stayed at the global default. Panel-mode (Graph Settings list) and the
circuit-mode side panel already threaded it; the sub-device side panel
now does too, sourced from cfg.configEntryId set by DashboardController.

Also documents the 0.9.3 release in CHANGELOG.
---
 CHANGELOG.md            | 28 ++++++++++++++++++++++++++++
 dist/span-panel-card.js |  2 +-
 dist/span-panel.js      |  2 +-
 src/core/side-panel.ts  | 13 ++++++++-----
 4 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5912a4d..df2843d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,33 @@
 # Changelog
 
+## 0.9.3
+
+### Added
+
+- **Cross-panel Favorites view** — A synthetic "Favorites" entry appears in the dashboard panel dropdown (only when at least one favorite is configured) and
+  aggregates favorited circuits and sub-devices (BESS, EVSE) from every configured SPAN panel into a single workspace.
+  - Heart toggles in the Graph Settings side panel and per-circuit / per-sub-device side panels (dashboard mode only — never in the standalone Lovelace card).
+  - Favorites view shows By Activity / By Area / Monitoring tabs (no By Panel). When more than one panel contributes, circuit and sub-device names are prefixed
+    with their panel name. Sub-device tiles render above the circuit list. Monitoring stacks per-panel blocks.
+  - Stateful: active tab, expanded rows, and search query persist via localStorage and restore on return.
+- **Persistent panel-stats header** — Site / Grid / Upstream / Downstream / Solar / Battery stats now stay visible across all tabs (By Panel, By Activity, By
+  Area, Monitoring) on real panels. Lifted out of the By-Panel grid into the wrapper. Favorites pseudo-panel shows a count summary instead.
+
+### Fixed
+
+- **Sub-device per-target horizon override** — Setting an individual BESS or EVSE horizon from the sub-device side panel had no effect when more than one SPAN
+  panel was configured: the service call omitted `config_entry_id`, so the backend wrote the override to the first loaded entry's manager (wrong panel). The
+  per-circuit side panel and the panel-mode (Graph Settings) list already threaded it; the sub-device side panel now does too.
+- **`<ha-menu-button>` first-render crash** — The dashboard panel no longer creates `ha-menu-button` until Home Assistant has assigned `hass`; HA's component
+  reads `this.hass.kioskMode` in `willUpdate` and would throw before the property was set.
+
+### Changed
+
+- **Side-panel domain service calls thread `config_entry_id`** — Circuit horizon, sub-device horizon, and circuit threshold service calls now route to the
+  originating panel's config entry. Required for cross-panel Favorites edits to target the right panel and fixes the same-panel bug above.
+- **W/A unit toggle moved to the persistent header** — The duplicate toggle below the search bar was removed since the persistent panel-stats header now owns
+  it. The Favorites pseudo-panel's summary strip carries its own toggle.
+
 ## 0.9.2
 
 ### Added
diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 1532a14..360e073 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Te(e){return De.unit(e)}function Ie(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Fe(e){return Math.ceil(e/2)}function Re(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Fe(t)===Fe(i)?"row-span":Re(t)===Re(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ie(n)}</strong> <span class="power-unit">${Te(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Ie(h)}</strong><span class="power-unit">${Te(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Ie(n)}</strong><span class="power-unit">${Te(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}async function Tt(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}async function It(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);function Ft(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Rt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Tt(this._hass,i):await It(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=Ft(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Tt(this._hass,t):await It(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=Ft(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Rt)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Te(e){return De.unit(e)}function Ie(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Fe(e){return Math.ceil(e/2)}function Re(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Fe(t)===Fe(i)?"row-span":Re(t)===Re(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ie(n)}</strong> <span class="power-unit">${Te(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Ie(h)}</strong><span class="power-unit">${Te(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Ie(n)}</strong><span class="power-unit">${Te(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}async function Tt(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}async function It(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);function Ft(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Rt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Tt(this._hass,i):await It(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=Ft(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Tt(this._hass,t):await It(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=Ft(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Rt)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
diff --git a/dist/span-panel.js b/dist/span-panel.js
index e636985..260b87a 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Re(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i=t.subDeviceId;"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",{subdevice_id:i}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{subdevice_id:i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Re(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 15b94a5..664d679 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -921,19 +921,22 @@ class SpanSidePanel extends HTMLElement {
         if (btn.classList.contains("active")) return;
 
         const subDeviceId = cfg.subDeviceId;
+        // Without ``config_entry_id`` the backend's _get_horizon_manager
+        // falls back to the FIRST loaded SPAN entry's manager — wrong
+        // panel when more than one is configured. The panel-mode list
+        // and circuit-mode side panel both pass it; thread it here too.
+        const baseData: Record<string, unknown> = { subdevice_id: subDeviceId };
+        if (cfg.configEntryId) baseData.config_entry_id = cfg.configEntryId;
         if (key === "global") {
           updateSegmentStates("global");
-          this._callDomainService("clear_subdevice_graph_horizon", { subdevice_id: subDeviceId })
+          this._callDomainService("clear_subdevice_graph_horizon", baseData)
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
             .catch((err: Error) => this._showError(`${t("sidepanel.clear_graph_horizon_failed")} ${err.message ?? err}`));
         } else {
           updateSegmentStates(key);
-          this._callDomainService("set_subdevice_graph_horizon", {
-            subdevice_id: subDeviceId,
-            horizon: key,
-          })
+          this._callDomainService("set_subdevice_graph_horizon", { ...baseData, horizon: key })
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })

From 4767f0fd0fb664490d87741a6e859533fdc3a98b Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Tue, 14 Apr 2026 23:56:50 -0700
Subject: [PATCH 03/97] fix: re-render Favorites view when a target is
 un-favorited

In the Favorites view, un-favoriting a circuit or sub-device used to
leave the row/tile in the rendered list until the next panel or tab
switch. _refreshFavorites was deliberately skipping _scheduleTabRender
to keep the open Graph Settings side panel alive on real panels.

Branch the behavior by context: re-render when in the Favorites view
(the user just removed what they were inspecting, so tearing down the
side panel as a side effect is acceptable), keep the no-re-render
behavior on real panels so the Graph Settings side panel stays open
while toggling multiple hearts in a row.
---
 dist/span-panel.js      |  6 +++---
 src/panel/span-panel.ts | 22 ++++++++++++++++------
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/dist/span-panel.js b/dist/span-panel.js
index 260b87a..d122be8 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -15,7 +15,7 @@ const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const O=globalThis,R=e=>e,q=O.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=R(e).nextSibling;R(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=O.litHtmlPolyfillSupport;we?.(pe,_e),(O.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
+const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Re(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Re{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Oe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Rt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ot}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Re,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Re(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===tn;this._favorites=e;const n=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(n,e),t&&!Re(e)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView||this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return We(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ut;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Oe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===tn;this._favorites=e;const n=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(n,e),t&&!Oe(e)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return We(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ut;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index f6457df..694771f 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -569,11 +569,17 @@ export class SpanPanelElement extends LitElement {
   }
 
   /**
-   * React to a ``favorites-changed`` event dispatched by the side panel.
-   * Re-fetches the favorites map and updates the dropdown entry + the
-   * per-panel favorites passed into controllers. Does NOT tear down the
-   * tab content — that would close any open side panel. The next panel
-   * or tab switch naturally picks up the new list for the Favorites view.
+   * React to a ``favorites-changed`` event dispatched by a heart toggle
+   * in the side panel. Re-fetches the favorites map and updates the
+   * dropdown entry. Re-renders the tab only when needed:
+   *
+   * - Favorites view: always re-render so removed targets disappear
+   *   immediately. The open side panel is destroyed as a side effect,
+   *   which is acceptable UX since the user just un-favorited the
+   *   target they were inspecting.
+   * - Real panel view: skip the re-render so the open Graph Settings
+   *   side panel stays interactive while the user toggles hearts on
+   *   multiple targets in a row.
    */
   private async _refreshFavorites(): Promise<void> {
     this._favCache.invalidate();
@@ -598,7 +604,11 @@ export class SpanPanelElement extends LitElement {
       } else {
         this._selectedPanelId = null;
       }
-    } else if (!this._isFavoritesView) {
+    } else if (this._isFavoritesView) {
+      // Re-render the favorites view so newly un-favorited rows /
+      // sub-device tiles are removed from the list.
+      this._scheduleTabRender();
+    } else {
       // Keep per-panel favorites fresh so the next gear click (or a
       // re-opened side panel) reflects the current heart state.
       this._applyPanelFavorites();

From 611c8048cc5887af0d7622c61c8b9b321509dd77 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 00:04:28 -0700
Subject: [PATCH 04/97] fix: replace Favorite ha-switch with heart icon to
 avoid breaker confusion

The per-circuit and per-sub-device side panels rendered the Favorite
section with an ha-switch that sat directly under the breaker relay
switch. Visually similar; accidentally hitting the wrong one could trip
a breaker. Replaced both with the same filled/outlined heart icon used
in the Graph Settings list. The two render paths now share a single
_appendFavoriteHeartSection helper.
---
 dist/span-panel-card.js | 12 +++---
 dist/span-panel.js      |  6 +--
 src/core/side-panel.ts  | 84 ++++++++++++-----------------------------
 3 files changed, 33 insertions(+), 69 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 360e073..fe12263 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:P,getPrototypeOf:M}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",T=L.reactiveElementPolyfillSupport,I=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},F=(e,t)=>!$(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:F};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:P,getPrototypeOf:M}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,T=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!$(e,t),F={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){const e=this.properties,t=[...A(e),...P(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??F)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[I("elementProperties")]=new Map,O[I("finalized")]=new Map,T?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const e=this.properties,t=[...A(e),...P(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[T("elementProperties")]=new Map,O[T("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Te(e){return De.unit(e)}function Ie(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Fe(e){return Math.ceil(e/2)}function Re(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Fe(t)===Fe(i)?"row-span":Re(t)===Re(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ie(_)}</strong><span class="power-unit">${Te(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ie(n)}</strong> <span class="power-unit">${Te(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Ie(h)}</strong><span class="power-unit">${Te(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Ie(n)}</strong><span class="power-unit">${Te(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}async function Tt(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}async function It(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);function Ft(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Rt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Tt(this._hass,i):await It(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=Ft(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Tt(this._hass,t):await It(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=Ft(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Rt)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function Te(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Te(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Te(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Te(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Te(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Te(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const It=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await async function(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("button");r.type="button",r.className=i?"fav-heart active":"fav-heart",r.dataset.role="favorite-heart",r.title=n("sidepanel.save_to_favorites");const c=document.createElement("ha-icon");c.setAttribute("icon",i?"mdi:heart":"mdi:heart-outline"),r.appendChild(c),r.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(r,c,t).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of It){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Tt)}catch{}const Ht=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Rt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -55,7 +55,7 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Mt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Mt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Fe(Math.max(...i));0===Re(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ie(u)}</strong> <span class="power-unit">${Te(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ot.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Mt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Mt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Te(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ht.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:F},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Pe()],jt.prototype,"_config",void 0),v([Pe()],jt.prototype,"_discovered",void 0),v([Pe()],jt.prototype,"_discovering",void 0),v([Pe()],jt.prototype,"_discoveryError",void 0),v([Pe()],jt.prototype,"_topology",void 0),v([Pe()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Rt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Rt.prototype,"hass",void 0),v([Pe()],Rt.prototype,"_config",void 0),v([Pe()],Rt.prototype,"_discovered",void 0),v([Pe()],Rt.prototype,"_discovering",void 0),v([Pe()],Rt.prototype,"_discoveryError",void 0),v([Pe()],Rt.prototype,"_topology",void 0),v([Pe()],Rt.prototype,"_activeTab",void 0),Rt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Rt);class Ft extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ft)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index d122be8..7086a08 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}async function Fe(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}async function He(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}class Re{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Oe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);function je(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await Fe(this._hass,i):await He(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=je(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}async _setFavoriteFromToggle(e,t,i){if(this._hass)try{i?await Fe(this._hass,t):await He(this._hass,t)}catch(t){i?(e.removeAttribute("checked"),e.checked=!1):(e.setAttribute("checked",""),e.checked=!0);const s=je(t);throw this._showError(`${n("sidepanel.favorite_failed")} ${s}`),t}}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);if(!i)return;const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("ha-switch");r.dataset.role="favorite-toggle",t.isFavorite&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.checked;this._setFavoriteFromToggle(r,i,e).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of qe){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Be=u.power;function Qe(e){return Be.unit(e)}function Je(e){return(e<0?"-":"")+Be.format(e)}function Xe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ke(e){return Math.ceil(e/2)}function Ze(e){return e%2==0?1:0}function Ye(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ke(t)===Ke(n)?"row-span":Ze(t)===Ze(n)?"col-span":"row-span"}function et(e){const t=e.chart_metric??i;return u[t]??u[i]}function tt(e,t){const n=function(e){return et(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class nt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function it(e,t){return e?.circuits?e.circuits[t]??null:null}function st(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=et(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Je(v)}</strong><span class="power-unit">${Qe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${st(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Je(u)}</strong> <span class="power-unit">${Qe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=tt(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Xe(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Xe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Xe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Xe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=et(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Je(f)}</strong><span class="power-unit">${Qe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Tt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function It(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new nt,this.graphSettingsCache=new Mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Tt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,It(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=tt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Pt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Je(i)}</strong> <span class="power-unit">${Qe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Lt{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=We(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ye(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ke(Math.max(...n));0===Ze(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?it(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ft="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Rt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ut{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Ft}">\n              <span style="${Rt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${qt}">\n            </div>\n\n            <div style="${Ft}">\n              <span style="${Ot}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ot}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Gt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=et(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Je(h)}</strong><span class="power-unit">${Qe(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${st(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,n,i,s,o){const a=ot(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Bt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Qt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Jt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Xt(e,t,n){return e.sort((e,i)=>{const s=Qt(e[1],t,n),o=Qt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Gt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=it(s,Kt(n)),a=Jt(n,t),l=this._expandedUuids.has(e);r+=Vt(e,n,t,i,o,a,l),l&&(r+=Wt(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Gt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Bt(e);for(const[e,n]of i){const i=it(o,Kt(n)),a=Jt(n,t),r=this._expandedUuids.has(e);d+=Vt(e,n,t,s,i,a,r),r&&(d+=Wt(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=et(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Qt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${Je(i)}</strong><span class="power-unit">${Qe(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=it(this._monitoringStatus,Kt(i)),o=Jt(i,this._hass),a=Wt(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Lt,this._monitoringTab=new Ut,this._listDashCtrl=new Nt,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new Re,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("button");r.type="button",r.className=i?"fav-heart active":"fav-heart",r.dataset.role="favorite-heart",r.title=n("sidepanel.save_to_favorites");const l=document.createElement("ha-icon");l.setAttribute("icon",i?"mdi:heart":"mdi:heart-outline"),r.appendChild(l),r.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(r,l,t).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function nt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function _t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function xt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function $t(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(i),l=bt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ct(i)};i.type===c&&(e.soc=dt(i),e.soe=ht(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ct(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(xt(e,n.entityIds,n.uuidByEntity,t,i)):r.push($t(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Et(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(i),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of St(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=ft(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ct(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(i)?vt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=nt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=nt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=nt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Nt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Dt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Dt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ht}">\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ht}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ft}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,n,i,s,o){const a=nt(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Vt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Bt(e,t,n){return e.sort((e,i)=>{const s=Vt(e[1],t,n),o=Vt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Qt(e){return e.entities?.current??e.entities?.power??""}class Jt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Bt(Object.entries(n.circuits),t,i);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Qt(n)),a=Wt(n,t),l=this._expandedUuids.has(e);r+=jt(e,n,t,i,o,a,l),l&&(r+=Ut(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Bt(n,t,s);d+=Gt(e);for(const[e,n]of i){const i=et(o,Qt(n)),a=Wt(n,t),r=this._expandedUuids.has(e);d+=jt(e,n,t,s,i,a,r),r&&(d+=Ut(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Qt(i)),o=Wt(i,this._hass),a=Ut(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Xt(e,t){return`${e}|${t}`}class Kt{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Xt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Xt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const Zt="favorites",Yt="span_panel_favorites_view_state";function en(e){try{localStorage.setItem(Yt,JSON.stringify(e))}catch{}}let tn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Jt(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new Kt,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Oe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===tn;this._favorites=e;const n=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(n,e),t&&!Oe(e)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return We(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ut;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Zt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,en(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,en(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Zt).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(Yt);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Zt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:Zt,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===Zt;this._favorites=e;const n=this._panels.filter(e=>e.id!==Zt);if(this._panels=this._buildPanelList(n,e),t&&!He(e)){!function(){try{localStorage.removeItem(Yt)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Zt),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ot;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};tn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -185,4 +185,4 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],on.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],on.prototype,"narrow",void 0),v([ze()],on.prototype,"_panels",void 0),v([ze()],on.prototype,"_selectedPanelId",void 0),v([ze()],on.prototype,"_activeTab",void 0),v([ze()],on.prototype,"_discovered",void 0),v([ze()],on.prototype,"_discoveryError",void 0),v([ze()],on.prototype,"_chartMetric",void 0),v([ze()],on.prototype,"_favorites",void 0),on=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],on),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let an=!1;const rn=on.prototype.connectedCallback;on.prototype.connectedCallback=function(){an=!0,rn.call(this)};const ln=on.prototype.disconnectedCallback;on.prototype.disconnectedCallback=function(){an=!1,ln.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(an||window.location.pathname.includes("span-panel")&&setTimeout(()=>{an||location.reload()},200))});
+  `,v([ke({attribute:!1})],tn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],tn.prototype,"narrow",void 0),v([ze()],tn.prototype,"_panels",void 0),v([ze()],tn.prototype,"_selectedPanelId",void 0),v([ze()],tn.prototype,"_activeTab",void 0),v([ze()],tn.prototype,"_discovered",void 0),v([ze()],tn.prototype,"_discoveryError",void 0),v([ze()],tn.prototype,"_chartMetric",void 0),v([ze()],tn.prototype,"_favorites",void 0),tn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],tn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let nn=!1;const sn=tn.prototype.connectedCallback;tn.prototype.connectedCallback=function(){nn=!0,sn.call(this)};const on=tn.prototype.disconnectedCallback;tn.prototype.disconnectedCallback=function(){nn=!1,on.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(nn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{nn||location.reload()},200))});
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 664d679..04e6447 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -770,7 +770,16 @@ class SpanSidePanel extends HTMLElement {
   private _renderFavoriteSection(body: HTMLDivElement, cfg: CircuitModeConfig): void {
     const entityId = this._favoriteEntityId(cfg.entities);
     if (!entityId) return;
+    this._appendFavoriteHeartSection(body, entityId, cfg.isFavorite === true);
+  }
 
+  /**
+   * Build a Favorite section with a heart icon (filled = favorited,
+   * outlined = not). Used in both the per-circuit and per-sub-device
+   * side panels. A heart deliberately avoids the visual confusion of
+   * placing an ha-switch directly under the breaker relay switch.
+   */
+  private _appendFavoriteHeartSection(body: HTMLDivElement, entityId: string, isFavorite: boolean): void {
     const section = document.createElement("div");
     section.className = "section";
     section.innerHTML = `<div class="section-label">${escapeHtml(t("sidepanel.favorite"))}</div>`;
@@ -782,48 +791,29 @@ class SpanSidePanel extends HTMLElement {
     label.className = "field-label";
     label.textContent = t("sidepanel.save_to_favorites");
 
-    const toggle = document.createElement("ha-switch") as HaSwitchElement;
-    toggle.dataset.role = "favorite-toggle";
-    if (cfg.isFavorite) toggle.setAttribute("checked", "");
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.className = isFavorite ? "fav-heart active" : "fav-heart";
+    btn.dataset.role = "favorite-heart";
+    btn.title = t("sidepanel.save_to_favorites");
 
-    toggle.addEventListener("change", () => {
-      // The authoritative state after a user toggle lives on ``checked``;
-      // ``hasAttribute("checked")`` still reflects the initial render.
-      const nextActive = toggle.checked;
-      this._setFavoriteFromToggle(toggle, entityId, nextActive).catch(() => {
-        // error already displayed
+    const icon = document.createElement("ha-icon");
+    icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
+    btn.appendChild(icon);
+
+    btn.addEventListener("click", (ev: Event) => {
+      ev.stopPropagation();
+      this._toggleFavoriteEntity(btn, icon, entityId).catch(() => {
+        // error message shown inside _toggleFavoriteEntity
       });
     });
 
     row.appendChild(label);
-    row.appendChild(toggle);
+    row.appendChild(btn);
     section.appendChild(row);
     body.appendChild(section);
   }
 
-  private async _setFavoriteFromToggle(toggle: HaSwitchElement, entityId: string, nextActive: boolean): Promise<void> {
-    if (!this._hass) return;
-    try {
-      if (nextActive) {
-        await addFavorite(this._hass, entityId);
-      } else {
-        await removeFavorite(this._hass, entityId);
-      }
-    } catch (err) {
-      // Roll back the switch to its prior state.
-      if (nextActive) {
-        toggle.removeAttribute("checked");
-        toggle.checked = false;
-      } else {
-        toggle.setAttribute("checked", "");
-        toggle.checked = true;
-      }
-      const message = _extractErrorMessage(err);
-      this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
-      throw err;
-    }
-  }
-
   private _renderSubDeviceMode(panel: HTMLDivElement, cfg: SubDeviceModeConfig): void {
     const header = this._createHeader(escapeHtml(cfg.name), escapeHtml(cfg.deviceType));
     panel.appendChild(header);
@@ -847,33 +837,7 @@ class SpanSidePanel extends HTMLElement {
   private _renderSubDeviceFavoriteSection(body: HTMLDivElement, cfg: SubDeviceModeConfig): void {
     const entityId = this._subDeviceFavoriteEntityId(cfg.entities);
     if (!entityId) return;
-
-    const section = document.createElement("div");
-    section.className = "section";
-    section.innerHTML = `<div class="section-label">${escapeHtml(t("sidepanel.favorite"))}</div>`;
-
-    const row = document.createElement("div");
-    row.className = "field-row";
-
-    const label = document.createElement("span");
-    label.className = "field-label";
-    label.textContent = t("sidepanel.save_to_favorites");
-
-    const toggle = document.createElement("ha-switch") as HaSwitchElement;
-    toggle.dataset.role = "favorite-toggle";
-    if (cfg.isFavorite) toggle.setAttribute("checked", "");
-
-    toggle.addEventListener("change", () => {
-      const nextActive = toggle.checked;
-      this._setFavoriteFromToggle(toggle, entityId, nextActive).catch(() => {
-        // error already displayed
-      });
-    });
-
-    row.appendChild(label);
-    row.appendChild(toggle);
-    section.appendChild(row);
-    body.appendChild(section);
+    this._appendFavoriteHeartSection(body, entityId, cfg.isFavorite === true);
   }
 
   private _renderSubDeviceHorizonSection(body: HTMLDivElement, cfg: SubDeviceModeConfig): void {

From fea70b4264bb61bab5f2a10a3500a049c5e2379a Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 00:37:24 -0700
Subject: [PATCH 05/97] fix: code review hardening for Favorites view
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Addresses findings from the deep code review of the favorites branch.

Critical fixes:
- Per-entry horizon resolution in Favorites view. ``onGraphSettingsChanged``
  and ``fetchAndBuildHorizonMaps`` now branch on ``_favRefs``; in favorites
  mode they fetch graph settings per contributing config entry in
  parallel and route each composite circuit/sub-device id through its
  ``FavoriteRef`` to the originating entry's settings. Without this, a
  per-target horizon override on a non-primary panel was masked by the
  primary entry's settings cache.
- Refresh-token guard in ``_refreshFavorites``: a monotonic ``_refreshSeq``
  causes superseded callbacks to bail out, preventing rapid heart toggles
  from interleaving renders or scheduling duplicate tab rebuilds.
- ``_renderFavoritesMonitoring`` builds tabs into a local map and only
  commits to the instance field after the loop, with per-panel try/catch
  so a single failing entry can't orphan tabs from the cleanup loop.

UX / a11y / cleanup:
- Heart buttons are now ``role=switch`` with ``aria-pressed`` and
  ``aria-label``; ``_toggleFavoriteEntity`` syncs ``aria-pressed``
  alongside the optimistic class flip. Single ``_buildHeartButton``
  helper used by both circuit/sub-device panel rows and the per-target
  side-panel Favorite section.
- Favorites summary uses explicit ``t("panel.favorites_summary_one")``/
  ``t("panel.favorites_summary_many")`` so the i18n validator no longer
  reports them unused; messages dropped the ungrammatical
  "across N panels" suffix and now read "1 favorite" / "{circuits} favorites".
- ``_renderFavoritesMonitoring`` heading uses ``h2`` to fit the
  document outline.
- Comment on ``PanelModeConfig.favoriteCircuitUuids`` /
  ``favoriteSubDeviceIds`` documents that they are open-time snapshots,
  not live — gear re-clicks rebuild from ``_panelFavorites``.
- ``_buildFavoriteHeart`` warns to console when a circuit has no
  current/power sensor (heart silently suppressed otherwise).

Dead code removed:
- ``parseCompositeId`` (exported but unused).
- ``FavoritesBuildResult.panelTopologies`` (built but not consumed).
---
 dist/span-panel-card.js          | 14 +++----
 dist/span-panel.js               | 24 +++++------
 src/core/dashboard-controller.ts | 57 ++++++++++++++++++++++---
 src/core/favorites-controller.ts | 23 -----------
 src/core/side-panel.ts           | 71 ++++++++++++++------------------
 src/i18n.ts                      | 20 ++++-----
 src/panel/span-panel.ts          | 40 ++++++++++++++----
 7 files changed, 144 insertions(+), 105 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index fe12263..d6d9d19 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,15 +1,15 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 circuit across {panels} panels","panel.favorites_summary_many":"{circuits} circuits across {panels} panels","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito en {panels} paneles","panel.favorites_summary_many":"{circuits} circuitos en {panels} paneles","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 circuit sur {panels} panneaux","panel.favorites_summary_many":"{circuits} circuits sur {panels} panneaux","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"{panels} パネルにわたる 1 回路","panel.favorites_summary_many":"{panels} パネルにわたる {circuits} 回路","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito em {panels} painéis","panel.favorites_summary_many":"{circuits} circuitos em {panels} painéis","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:P,getPrototypeOf:M}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,T=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!$(e,t),F={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:M,getPrototypeOf:P}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,H=(e,t)=>e,T={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!$(e,t),F={attribute:!0,type:String,converter:T,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const e=this.properties,t=[...A(e),...P(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[T("elementProperties")]=new Map,O[T("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...M(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:T).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:T;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[H("elementProperties")]=new Map,O[H("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Pe(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function Te(e){return(e<0?"-":"")+De.format(e)}function He(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${Te(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=He(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=He(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=He(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=He(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Te(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Te(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${Te(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${Te(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Mt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const It=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await async function(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("button");r.type="button",r.className=i?"fav-heart active":"fav-heart",r.dataset.role="favorite-heart",r.title=n("sidepanel.save_to_favorites");const c=document.createElement("ha-icon");c.setAttribute("icon",i?"mdi:heart":"mdi:heart-outline"),r.appendChild(c),r.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(r,c,t).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of It){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Tt)}catch{}const Ht=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Rt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),M=A?m:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${M};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,vt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,bt(n,s))}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Mt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Pt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const It=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ht extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of It){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ht)}catch{}const Tt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Rt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -55,7 +55,7 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Mt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Mt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Te(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ht.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Mt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Pt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Mt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Pt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Mt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Tt.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Rt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Rt.prototype,"hass",void 0),v([Pe()],Rt.prototype,"_config",void 0),v([Pe()],Rt.prototype,"_discovered",void 0),v([Pe()],Rt.prototype,"_discovering",void 0),v([Pe()],Rt.prototype,"_discoveryError",void 0),v([Pe()],Rt.prototype,"_topology",void 0),v([Pe()],Rt.prototype,"_activeTab",void 0),Rt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Rt);class Ft extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ft)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Rt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Rt.prototype,"hass",void 0),v([Me()],Rt.prototype,"_config",void 0),v([Me()],Rt.prototype,"_discovered",void 0),v([Me()],Rt.prototype,"_discovering",void 0),v([Me()],Rt.prototype,"_discoveryError",void 0),v([Me()],Rt.prototype,"_topology",void 0),v([Me()],Rt.prototype,"_activeTab",void 0),Rt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Rt);class Ft extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ft)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 7086a08..f3d34af 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,37 +1,37 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 circuit across {panels} panels","panel.favorites_summary_many":"{circuits} circuits across {panels} panels","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito en {panels} paneles","panel.favorites_summary_many":"{circuits} circuitos en {panels} paneles","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 circuit sur {panels} panneaux","panel.favorites_summary_many":"{circuits} circuits sur {panels} panneaux","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"{panels} パネルにわたる 1 回路","panel.favorites_summary_many":"{panels} パネルにわたる {circuits} 回路","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 circuito em {panels} painéis","panel.favorites_summary_many":"{circuits} circuitos em {panels} painéis","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){return t[e]?.[i]??t.en?.[i]??i}const n="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},f="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,N=(e,t)=>e,D={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),F={attribute:!0,type:String,converter:D,reflect:!1,useDefault:!1,hasChanged:L};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},L=(e,t)=>!S(e,t),H={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let H=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:D).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:D;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[N("elementProperties")]=new Map,H[N("finalized")]=new Map,I?.({ReactiveElement:H}),(P.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&C(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=m.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:N).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??L)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[D("elementProperties")]=new Map,F[D("finalized")]=new Map,I?.({ReactiveElement:F}),(P.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
+const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ie=/'/g,ne=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<i;t++){const i=e[t];let r,l,c=-1,d=0;for(;d<i.length&&(a.lastIndex=d,l=a.exec(i),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ne:ie):a===ne||a===ie?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?i+W:c>=0?(n.push(r),i.slice(0,c)+U+i.slice(c)+G+h):i+G+(-2===c?t:h)}return[de(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class pe{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,i),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=ce.nextNode())&&r.length<a;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(U)){const t=c[o++],i=n.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:i,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),n.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),n.removeAttribute(e));if(se.test(n.tagName)){const e=n.textContent.split(G),t=e.length-1;if(t>0){n.textContent=q?q.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],Q()),ce.nextNode(),r.push({type:2,index:++s});n.append(e[t],Q())}}}else if(8===n.nodeType)if(n.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const i=B.createElement("template");return i.innerHTML=e,i}}function ue(e,t,i=e,n){if(t===ae)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,n)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??B).importNode(t,!0);ce.currentNode=n;let s=ce.nextNode(),o=0,a=0,r=i[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=i[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=pe.createElement(de(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new ge(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new _e(this.O(Q()),this.O(Q()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=re}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const n=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,n[i+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!n&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const i=this._$AH,n=e===re&&i!==re||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==re&&(i===re||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $e=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
+ */let $e=class extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function ke(e){return(t,n)=>"object"==typeof n?Ee(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
+ */function ke(e){return(t,i)=>"object"==typeof i?Ee(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -41,12 +41,12 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ae=2;class Pe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Ae=2;class Pe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const De="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);if(!i)return null;const s=document.createElement("button");s.type="button",s.className=t?"fav-heart active":"fav-heart",s.dataset.role="fav-heart",s.title=n("sidepanel.save_to_favorites");const o=document.createElement("ha-icon");return o.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),s.appendChild(o),s.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(s,o,i).catch(()=>{})}),s}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline");try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(De)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline");const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites");const r=document.createElement("button");r.type="button",r.className=i?"fav-heart active":"fav-heart",r.dataset.role="favorite-heart",r.title=n("sidepanel.save_to_favorites");const l=document.createElement("ha-icon");l.setAttribute("icon",i?"mdi:heart":"mdi:heart-outline"),r.appendChild(l),r.addEventListener("click",e=>{e.stopPropagation(),this._toggleFavoriteEntity(r,l,t).catch(()=>{})}),o.appendChild(a),o.appendChild(r),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function nt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function _t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function xt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function $t(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(i),l=bt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ct(i)};i.type===c&&(e.soc=dt(i),e.soe=ht(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ct(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(xt(e,n.entityIds,n.uuidByEntity,t,i)):r.push($t(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Et(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)}catch{}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(i),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of St(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=ft(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ct(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(i)?vt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=nt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=nt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=nt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Nt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Dt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Dt}">\n            </div>\n            <div style="${Nt}">\n              <span style="${Lt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Dt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ht}">\n            </div>\n\n            <div style="${Nt}">\n              <span style="${Ft}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ht}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ft}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=Ne(t.name||n("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${Ne(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,n,i,s,o){const a=nt(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Ne(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${Ne(e)}">${Ne(e)}</div>`}function Vt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Bt(e,t,n){return e.sort((e,i)=>{const s=Vt(e[1],t,n),o=Vt(i[1],t,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Qt(e){return e.entities?.current??e.entities?.power??""}class Jt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Bt(Object.entries(n.circuits),t,i);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Qt(n)),a=Wt(n,t),l=this._expandedUuids.has(e);r+=jt(e,n,t,i,o,a,l),l&&(r+=Ut(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Bt(n,t,s);d+=Gt(e);for(const[e,n]of i){const i=et(o,Qt(n)),a=Wt(n,t),r=this._expandedUuids.has(e);d+=jt(e,n,t,s,i,a,r),r&&(d+=Ut(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Qt(i)),o=Wt(i,this._hass),a=Ut(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Xt(e,t){return`${e}|${t}`}class Kt{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d={},h=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;d[e]=i;const s=n.config_entries?.[0]??null;s&&h.add(s);const o=n.name_by_user??n.name??i.device_name??"",p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=Xt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=Xt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(h),panelTopologies:d}}}const Zt="favorites",Yt="span_panel_favorites_view_state";function en(e){try{localStorage.setItem(Yt,JSON.stringify(e))}catch{}}let tn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Jt(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new Kt,this._favoritesMonitoringTabs=new Map,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(De,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(De,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=i("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=h[n]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const i={circuit_id:n};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=m[n]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const i={subdevice_id:n};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const i=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,n=this._createHeader(De(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-pressed",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),i?.favorites??{}}(this._hass,n)}catch(n){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(n);throw this._showError(`${i("sidepanel.favorite_failed")} ${o}`),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=i("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=i("sidepanel.graph_horizon"),n.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=De(e),o=De(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${De(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${i("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${De(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),a.appendChild(n)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${i("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=i("sidepanel.graph_horizon"),n.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>this._showError(`${i("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${i("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(n),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,n,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(i("card.device_not_found"));const n=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=n.panel_size??function(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}(n.circuits);if(!s)throw new Error(i("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,n),{topology:n,panelDevice:r,panelSize:s}}function Ue(e,t,n={}){const s=De(e.device_name||i("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${i("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${i("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${i("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${i("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${i("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${i("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(i)?"row-span":Je(t)===Je(i)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??n;return u[t]??u[n]}function Ze(e,t){const i=function(e){return Ke(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||i("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,n,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(i)}">${De(d)}</span>\n      </div>\n    `}return o}function _t(e,t,n,s,o,a){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function xt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function $t(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(n),l=bt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ct(n)};n.type===c&&(e.soc=dt(n),e.soe=ht(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ct(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ze(n,i);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(xt(e,i.entityIds,i.uuidByEntity,t,n)):r.push($t(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function Et(e,t,i,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,i,s,o,a=!1){i||(i=u[n]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,n,s,o,a){if(!e||!n||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,n,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`[data-uuid="${s}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let $;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;$=i?i.state:"unknown"}const S=_[$]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=n.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,i,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,At(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const a=Ze(i,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(n),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of St(this._topology)){const a=this.subDeviceHorizonMap.get(n)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ft(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const l=ct(r);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(n)}</strong> <span class="power-unit">${Ve(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(n)?vt(o.get(n)):a,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,n);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${i(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${i(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Qe(Math.max(...i));0===Je(e)?r.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=it(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=it(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=it(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Dt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Nt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const n=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Nt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):De(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?i("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ft}">\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ft}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ht}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:i("error.failed");a.textContent=`${i("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch{}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,n){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const n=i.dataset.entity,s=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:n,monitoring_enabled:s})})}catch{return void(i.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const n=i.dataset.entity,s=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:n,monitoring_enabled:s})})}catch{return void(i.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const n of e.querySelectorAll(".threshold-input"))n.addEventListener("input",()=>{const s=`${n.dataset.entity}-${n.dataset.field}`,o=i.get(s);o&&clearTimeout(o),i.set(s,setTimeout(async()=>{const i=parseInt(n.value,10);if(!i||i<1)return;const s=n.dataset.entity,o=n.dataset.field,r=n.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:i})}),await this.render(e,t)}catch{n.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${De(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,n,s,o,a,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=De(t.name||i("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${De(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,i,n,s,o){const a=it(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${De(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Vt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Bt(e,t,i){return e.sort((e,n)=>{const s=Vt(e[1],t,i),o=Vt(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Qt(e){return e.entities?.current??e.entities?.power??""}class Jt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Bt(Object.entries(i.circuits),t,n);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=et(s,Qt(i)),a=Wt(i,t),l=this._expandedUuids.has(e);r+=jt(e,i,t,n,o,a,l),l&&(r+=Ut(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,a){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const r=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??r,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const i=l.get(e);if(!i)continue;const n=Bt(i,t,s);d+=Gt(e);for(const[e,i]of n){const n=et(o,Qt(i)),a=Wt(i,t),r=this._expandedUuids.has(e);d+=jt(e,i,t,s,n,a,r),r&&(d+=Ut(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=Ke(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,n),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${We(n)}</strong><span class="power-unit">${Ve(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=et(this._monitoringStatus,Qt(n)),o=Wt(n,this._hass),a=Ut(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Xt(e,t){return`${e}|${t}`}class Kt{async build(e,t,i){const n=new Map;for(const e of i)n.set(e.id,e);const s=[];for(const[i,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=n.get(i);t&&s.push((async()=>{try{const n=await je(e,i);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:i,topology:n}of o){if(!n)continue;const s=i.config_entries?.[0]??null;s&&d.add(s);const o=i.name_by_user??i.name??n.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const i=n.circuits?.[t];if(!i)continue;const l=Xt(e,t),d=a&&o?`${o} · ${i.name}`:i.name;r[l]={...i,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const i=n.sub_devices?.[t];if(!i)continue;const r=Xt(e,t),d=a&&o&&i.name?`${o} · ${i.name}`:i.name??t;l[r]={...i,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const Zt="favorites",Yt="span_panel_favorites_view_state";function ei(e){try{localStorage.setItem(Yt,JSON.stringify(e))}catch{}}let ti=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Jt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new Kt,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass)}}}setConfig(e){}render(){var i,n,s;return i=this.hass?.language,e=i&&t[i]?i:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -59,7 +59,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
           </div>
         </div>
 
-        <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${Ne(e.id)}">${Ne(e.label)}</button>`).join("")}</div>`))}</div>
+        <div class="panel-tabs" @click=${this._onTabClick}>${Te((n=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${n.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
       </div>
 
       <div class="view">
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Zt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,en(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,en(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Zt).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(Yt);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Zt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:Zt,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){this._favCache.invalidate();const e=await this._loadFavorites(),t=this._selectedPanelId===Zt;this._favorites=e;const n=this._panels.filter(e=>e.id!==Zt);if(this._panels=this._buildPanelList(n,e),t&&!He(e)){!function(){try{localStorage.removeItem(Yt)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=Object.values(this._favorites).filter(e=>(e.circuits?.length??0)>0||(e.sub_devices?.length??0)>0).length,t=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),i=n(1===t?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(t)).replace("{panels}",String(e)),s="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${Ne(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${Ne(i)}</div>\n        <div class="unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${s?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${s?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Zt),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const o=document.createElement("h3");o.style.margin="8px 0 12px",o.style.fontSize="1em",o.textContent=t?.name_by_user??t?.name??e,n.appendChild(o);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const r=new Ot;this._favoritesMonitoringTabs.set(e,r),await r.render(a,this.hass,e)}}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};tn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Zt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,ei(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,ei(i)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Zt).map(e=>e.id)),i=new Set(e.map(e=>e.id));if((t.size!==i.size||[...t].some(e=>!i.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(Yt);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Zt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:Zt,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===Zt;this._favorites=t;const n=this._panels.filter(e=>e.id!==Zt);if(this._panels=this._buildPanelList(n,t),i&&!Fe(t)){!function(){try{localStorage.removeItem(Yt)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const i of Object.values(e))t+=(i.circuits?.length??0)+(i.sub_devices?.length??0);return t}(this._favorites),t=i(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),n="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(i("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(i("header.toggle_units"))}">\n          <button class="unit-btn ${n?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${n?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,n);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),n=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,n,this.hass,i),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,n):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,n,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),n=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,n,this.hass,i),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,n):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,n,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,i??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Zt),n=await this._favCtrl.build(this.hass,this._favorites,t),s=n.topology,o=n.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,n.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,i.appendChild(a);const r=document.createElement("div");i.appendChild(r),n.appendChild(i);const l=new Ot;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),r.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};ti.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new x(i,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -185,4 +185,4 @@ const Ce={attribute:!0,type:String,converter:D,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],tn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],tn.prototype,"narrow",void 0),v([ze()],tn.prototype,"_panels",void 0),v([ze()],tn.prototype,"_selectedPanelId",void 0),v([ze()],tn.prototype,"_activeTab",void 0),v([ze()],tn.prototype,"_discovered",void 0),v([ze()],tn.prototype,"_discoveryError",void 0),v([ze()],tn.prototype,"_chartMetric",void 0),v([ze()],tn.prototype,"_favorites",void 0),tn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],tn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let nn=!1;const sn=tn.prototype.connectedCallback;tn.prototype.connectedCallback=function(){nn=!0,sn.call(this)};const on=tn.prototype.disconnectedCallback;tn.prototype.disconnectedCallback=function(){nn=!1,on.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(nn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{nn||location.reload()},200))});
+  `,v([ke({attribute:!1})],ti.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],ti.prototype,"narrow",void 0),v([ze()],ti.prototype,"_panels",void 0),v([ze()],ti.prototype,"_selectedPanelId",void 0),v([ze()],ti.prototype,"_activeTab",void 0),v([ze()],ti.prototype,"_discovered",void 0),v([ze()],ti.prototype,"_discoveryError",void 0),v([ze()],ti.prototype,"_chartMetric",void 0),v([ze()],ti.prototype,"_favorites",void 0),ti=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],ti),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let ii=!1;const ni=ti.prototype.connectedCallback;ti.prototype.connectedCallback=function(){ii=!0,ni.call(this)};const si=ti.prototype.disconnectedCallback;ti.prototype.disconnectedCallback=function(){ii=!1,si.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(ii||window.location.pathname.includes("span-panel")&&setTimeout(()=>{ii||location.reload()},200))});
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 53e915a..b67e74c 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -146,13 +146,55 @@ export class DashboardController {
 
   async fetchAndBuildHorizonMaps(): Promise<void> {
     try {
-      await this.graphSettingsCache.fetch(this._hass!, this._configEntryId);
-      this.buildHorizonMaps(this.graphSettingsCache.settings);
+      if (this._favRefs) {
+        await this._buildFavoritesHorizonMaps();
+      } else {
+        await this.graphSettingsCache.fetch(this._hass!, this._configEntryId);
+        this.buildHorizonMaps(this.graphSettingsCache.settings);
+      }
     } catch {
       // Graph settings unavailable -- use defaults
     }
   }
 
+  /**
+   * Build horizon maps for the Favorites pseudo-panel by fetching graph
+   * settings per contributing config entry in parallel, then routing
+   * each composite circuit/sub-device id through its ``FavoriteRef`` to
+   * the originating entry's settings. Without this, every favorited
+   * target would incorrectly resolve against the primary entry's
+   * settings, masking per-target overrides on non-primary panels.
+   */
+  private async _buildFavoritesHorizonMaps(): Promise<void> {
+    if (!this._hass || !this._favRefs || !this._topology) return;
+    const entryIds = new Set<string>();
+    for (const ref of Object.values(this._favRefs)) {
+      if (ref.configEntryId) entryIds.add(ref.configEntryId);
+    }
+    const settingsByEntry = new Map<string, GraphSettings | null>();
+    await Promise.all(
+      Array.from(entryIds).map(async eid => {
+        settingsByEntry.set(eid, await this._fetchGraphSettingsFresh(eid));
+      })
+    );
+    this.horizonMap.clear();
+    this.subDeviceHorizonMap.clear();
+    for (const compositeId of Object.keys(this._topology.circuits)) {
+      const ref = this._favRefs[compositeId];
+      const settings = ref?.configEntryId ? (settingsByEntry.get(ref.configEntryId) ?? null) : null;
+      const realId = ref?.targetId ?? compositeId;
+      this.horizonMap.set(compositeId, getEffectiveHorizon(settings, realId));
+    }
+    if (this._topology.sub_devices) {
+      for (const compositeId of Object.keys(this._topology.sub_devices)) {
+        const ref = this._favRefs[compositeId];
+        const settings = ref?.configEntryId ? (settingsByEntry.get(ref.configEntryId) ?? null) : null;
+        const realId = ref?.targetId ?? compositeId;
+        this.subDeviceHorizonMap.set(compositeId, getEffectiveSubDeviceHorizon(settings, realId));
+      }
+    }
+  }
+
   async loadHistory(): Promise<void> {
     await loadHistory(this._hass!, this._topology!, this._config!, this.powerHistory, this.horizonMap, this.subDeviceHorizonMap);
   }
@@ -265,9 +307,14 @@ export class DashboardController {
 
   async onGraphSettingsChanged(root: DOMRoot): Promise<void> {
     if (!this._hass) return;
-    this.graphSettingsCache.invalidate();
-    await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
-    this.buildHorizonMaps(this.graphSettingsCache.settings);
+    if (this._favRefs) {
+      // Favorites view: per-entry fresh fetches, routed through refs.
+      await this._buildFavoritesHorizonMaps();
+    } else {
+      this.graphSettingsCache.invalidate();
+      await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
+      this.buildHorizonMaps(this.graphSettingsCache.settings);
+    }
 
     this.powerHistory.clear();
     try {
diff --git a/src/core/favorites-controller.ts b/src/core/favorites-controller.ts
index 6529c81..226be10 100644
--- a/src/core/favorites-controller.ts
+++ b/src/core/favorites-controller.ts
@@ -9,30 +9,10 @@ export function buildCompositeId(panelDeviceId: string, circuitUuid: string): st
   return `${panelDeviceId}${COMPOSITE_SEPARATOR}${circuitUuid}`;
 }
 
-/**
- * Parse a composite id back into its ``(panelDeviceId, circuitUuid)``
- * parts. Returns ``null`` when the input is not a composite id — callers
- * should treat a plain uuid as "use the current panel" in that case.
- */
-export function parseCompositeId(id: string): { panelDeviceId: string; circuitUuid: string } | null {
-  const idx = id.indexOf(COMPOSITE_SEPARATOR);
-  if (idx <= 0 || idx === id.length - 1) return null;
-  return {
-    panelDeviceId: id.slice(0, idx),
-    circuitUuid: id.slice(idx + 1),
-  };
-}
-
 export interface FavoritesBuildResult {
   topology: FavoritesTopology;
   /** Unique contributing config entry ids (for monitoring tab stacking). */
   entryIds: string[];
-  /**
-   * Per-panel raw topologies, keyed by panel device id. Callers that
-   * need to resolve a composite id to a real circuit (e.g. the side
-   * panel's gear routing) can look up the originating topology here.
-   */
-  panelTopologies: Record<string, PanelTopology>;
 }
 
 /**
@@ -76,12 +56,10 @@ export class FavoritesController {
     const mergedCircuits: FavoritesTopology["circuits"] = {};
     const mergedSubDevices: NonNullable<FavoritesTopology["sub_devices"]> = {};
     const refs: Record<string, FavoriteRef> = {};
-    const panelTopologies: Record<string, PanelTopology> = {};
     const entryIds = new Set<string>();
 
     for (const { panelDeviceId, panel, topology } of contributing) {
       if (!topology) continue;
-      panelTopologies[panelDeviceId] = topology;
       const configEntryId = panel.config_entries?.[0] ?? null;
       if (configEntryId) entryIds.add(configEntryId);
 
@@ -130,7 +108,6 @@ export class FavoritesController {
     return {
       topology,
       entryIds: Array.from(entryIds),
-      panelTopologies,
     };
   }
 }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 04e6447..d91f375 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -27,9 +27,15 @@ interface PanelModeConfig {
   showFavorites?: boolean;
   /** HA device id of the panel whose side panel is open (source of favorites). */
   favoritePanelDeviceId?: string;
-  /** Circuit uuids already favorited for that panel — drives heart fill. */
+  /**
+   * Circuit uuids favorited for this panel at the moment the side panel
+   * was opened. Snapshot — not live. Subsequent toggles update only the
+   * clicked heart's optimistic class via ``_toggleFavoriteEntity``; if
+   * the user closes and reopens the side panel, ``DashboardController.onGearClick``
+   * rebuilds the config from the latest ``_panelFavorites``.
+   */
   favoriteCircuitUuids?: Set<string>;
-  /** Sub-device HA device ids already favorited — drives heart fill. */
+  /** Sub-device HA device ids favorited for this panel — same snapshot semantics. */
   favoriteSubDeviceIds?: Set<string>;
   /** Override config entry id used for cross-panel service routing (favorites). */
   configEntryId?: string | null;
@@ -695,25 +701,7 @@ class SpanSidePanel extends HTMLElement {
   private _buildSubDeviceFavoriteHeart(entities: Record<string, { domain: string }> | undefined, isFavorite: boolean): HTMLButtonElement | null {
     const entityId = this._subDeviceFavoriteEntityId(entities);
     if (!entityId) return null;
-
-    const btn = document.createElement("button");
-    btn.type = "button";
-    btn.className = isFavorite ? "fav-heart active" : "fav-heart";
-    btn.dataset.role = "fav-heart";
-    btn.title = t("sidepanel.save_to_favorites");
-
-    const icon = document.createElement("ha-icon");
-    icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
-    btn.appendChild(icon);
-
-    btn.addEventListener("click", (ev: Event) => {
-      ev.stopPropagation();
-      this._toggleFavoriteEntity(btn, icon, entityId).catch(() => {
-        // error message shown inside _toggleFavoriteEntity
-      });
-    });
-
-    return btn;
+    return this._buildHeartButton(entityId, isFavorite);
   }
 
   /**
@@ -723,13 +711,29 @@ class SpanSidePanel extends HTMLElement {
    */
   private _buildFavoriteHeart(entities: CircuitEntities | undefined, isFavorite: boolean): HTMLButtonElement | null {
     const entityId = this._favoriteEntityId(entities);
-    if (!entityId) return null;
+    if (!entityId) {
+      console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed");
+      return null;
+    }
+    return this._buildHeartButton(entityId, isFavorite);
+  }
 
+  /**
+   * Shared heart-button builder used by both circuit and sub-device
+   * panel-mode rows and by the per-target side-panel Favorite section.
+   * Renders an accessible toggle (``role=switch``, ``aria-pressed``,
+   * ``aria-label``) so screen readers announce both the action and the
+   * current state — ``title`` alone isn't surfaced.
+   */
+  private _buildHeartButton(entityId: string, isFavorite: boolean): HTMLButtonElement {
     const btn = document.createElement("button");
     btn.type = "button";
     btn.className = isFavorite ? "fav-heart active" : "fav-heart";
     btn.dataset.role = "fav-heart";
     btn.title = t("sidepanel.save_to_favorites");
+    btn.setAttribute("role", "switch");
+    btn.setAttribute("aria-pressed", String(isFavorite));
+    btn.setAttribute("aria-label", t("sidepanel.save_to_favorites"));
 
     const icon = document.createElement("ha-icon");
     icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
@@ -749,9 +753,10 @@ class SpanSidePanel extends HTMLElement {
     if (!this._hass) return;
     const wasActive = btn.classList.contains("active");
     const nextActive = !wasActive;
-    // Optimistically flip; roll back on error.
+    // Optimistically flip class, icon, and aria-pressed; roll back on error.
     btn.classList.toggle("active", nextActive);
     icon.setAttribute("icon", nextActive ? "mdi:heart" : "mdi:heart-outline");
+    btn.setAttribute("aria-pressed", String(nextActive));
     try {
       if (nextActive) {
         await addFavorite(this._hass, entityId);
@@ -761,6 +766,7 @@ class SpanSidePanel extends HTMLElement {
     } catch (err) {
       btn.classList.toggle("active", wasActive);
       icon.setAttribute("icon", wasActive ? "mdi:heart" : "mdi:heart-outline");
+      btn.setAttribute("aria-pressed", String(wasActive));
       const message = _extractErrorMessage(err);
       this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
       throw err;
@@ -791,25 +797,8 @@ class SpanSidePanel extends HTMLElement {
     label.className = "field-label";
     label.textContent = t("sidepanel.save_to_favorites");
 
-    const btn = document.createElement("button");
-    btn.type = "button";
-    btn.className = isFavorite ? "fav-heart active" : "fav-heart";
-    btn.dataset.role = "favorite-heart";
-    btn.title = t("sidepanel.save_to_favorites");
-
-    const icon = document.createElement("ha-icon");
-    icon.setAttribute("icon", isFavorite ? "mdi:heart" : "mdi:heart-outline");
-    btn.appendChild(icon);
-
-    btn.addEventListener("click", (ev: Event) => {
-      ev.stopPropagation();
-      this._toggleFavoriteEntity(btn, icon, entityId).catch(() => {
-        // error message shown inside _toggleFavoriteEntity
-      });
-    });
-
     row.appendChild(label);
-    row.appendChild(btn);
+    row.appendChild(this._buildHeartButton(entityId, isFavorite));
     section.appendChild(row);
     body.appendChild(section);
   }
diff --git a/src/i18n.ts b/src/i18n.ts
index be60364..9ae0be4 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -153,8 +153,8 @@ const translations: Record<string, Record<string, string>> = {
 
     // Favorites pseudo-panel
     "panel.favorites": "Favorites",
-    "panel.favorites_summary_one": "1 circuit across {panels} panels",
-    "panel.favorites_summary_many": "{circuits} circuits across {panels} panels",
+    "panel.favorites_summary_one": "1 favorite",
+    "panel.favorites_summary_many": "{circuits} favorites",
 
     // Monitoring status bar
     "status.monitoring": "Monitoring",
@@ -326,8 +326,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Guardar en favoritos",
     "sidepanel.favorite_failed": "Error al actualizar favoritos:",
     "panel.favorites": "Favoritos",
-    "panel.favorites_summary_one": "1 circuito en {panels} paneles",
-    "panel.favorites_summary_many": "{circuits} circuitos en {panels} paneles",
+    "panel.favorites_summary_one": "1 favorito",
+    "panel.favorites_summary_many": "{circuits} favoritos",
     "status.monitoring": "Monitoreo",
     "status.circuits": "circuitos",
     "status.mains": "alimentaci\u00f3n",
@@ -491,8 +491,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Enregistrer dans les favoris",
     "sidepanel.favorite_failed": "\u00c9chec de la mise \u00e0 jour du favori :",
     "panel.favorites": "Favoris",
-    "panel.favorites_summary_one": "1 circuit sur {panels} panneaux",
-    "panel.favorites_summary_many": "{circuits} circuits sur {panels} panneaux",
+    "panel.favorites_summary_one": "1 favori",
+    "panel.favorites_summary_many": "{circuits} favoris",
     "status.monitoring": "Surveillance",
     "status.circuits": "circuits",
     "status.mains": "alimentation",
@@ -658,8 +658,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "\u304a\u6c17\u306b\u5165\u308a\u306b\u4fdd\u5b58",
     "sidepanel.favorite_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u66f4\u65b0\u306b\u5931\u6557:",
     "panel.favorites": "\u304a\u6c17\u306b\u5165\u308a",
-    "panel.favorites_summary_one": "{panels} \u30d1\u30cd\u30eb\u306b\u308f\u305f\u308b 1 \u56de\u8def",
-    "panel.favorites_summary_many": "{panels} \u30d1\u30cd\u30eb\u306b\u308f\u305f\u308b {circuits} \u56de\u8def",
+    "panel.favorites_summary_one": "\u304a\u6c17\u306b\u5165\u308a 1 \u4ef6",
+    "panel.favorites_summary_many": "\u304a\u6c17\u306b\u5165\u308a {circuits} \u4ef6",
     "status.monitoring": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0",
     "status.circuits": "\u56de\u8def",
     "status.mains": "\u4e3b\u96fb\u6e90",
@@ -827,8 +827,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Salvar nos favoritos",
     "sidepanel.favorite_failed": "Falha ao atualizar favorito:",
     "panel.favorites": "Favoritos",
-    "panel.favorites_summary_one": "1 circuito em {panels} painéis",
-    "panel.favorites_summary_many": "{circuits} circuitos em {panels} painéis",
+    "panel.favorites_summary_one": "1 favorito",
+    "panel.favorites_summary_many": "{circuits} favoritos",
     "status.monitoring": "Monitoramento",
     "status.circuits": "circuitos",
     "status.mains": "alimenta\u00e7\u00e3o",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 694771f..d073524 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -99,6 +99,14 @@ export class SpanPanelElement extends LitElement {
    * Monitoring tab — one block per contributing panel's config entry.
    */
   private _favoritesMonitoringTabs: Map<string, MonitoringTab> = new Map();
+  /**
+   * Monotonic token incremented on each ``_refreshFavorites`` call.
+   * Concurrent invocations (rapid heart toggles → multiple
+   * ``favorites-changed`` events) compare their token against the latest
+   * after each await; superseded callbacks bail out without touching
+   * state or scheduling another tab render.
+   */
+  private _refreshSeq = 0;
   private _areaUnsub: (() => void) | null = null;
   private _onVisibilityChange: (() => void) | null = null;
   private _onFavoritesChanged: (() => void) | null = null;
@@ -582,8 +590,12 @@ export class SpanPanelElement extends LitElement {
    *   multiple targets in a row.
    */
   private async _refreshFavorites(): Promise<void> {
+    const myToken = ++this._refreshSeq;
     this._favCache.invalidate();
     const favorites = await this._loadFavorites();
+    // Bail out if a newer refresh has superseded us — its reload + render
+    // will land with the latest data; don't double-render or fight it.
+    if (myToken !== this._refreshSeq) return;
     const wasOnFavorites = this._selectedPanelId === FAVORITES_PANEL_ID;
     this._favorites = favorites;
 
@@ -649,11 +661,12 @@ export class SpanPanelElement extends LitElement {
    * no longer renders its own — the persistent header owns it).
    */
   private _buildFavoritesSummaryHTML(): string {
-    const panelCount = Object.values(this._favorites).filter(e => (e.circuits?.length ?? 0) > 0 || (e.sub_devices?.length ?? 0) > 0).length;
     const circuitCount = countFavorites(this._favorites);
-    const key = circuitCount === 1 ? "panel.favorites_summary_one" : "panel.favorites_summary_many";
-    const template = t(key);
-    const summary = template.replace("{circuits}", String(circuitCount)).replace("{panels}", String(panelCount));
+    // Explicit conditional so the i18n validator can statically detect
+    // both keys; dynamic ``t(`panel.favorites_summary_${...}`)`` would
+    // be flagged as unused.
+    const template = circuitCount === 1 ? t("panel.favorites_summary_one") : t("panel.favorites_summary_many");
+    const summary = template.replace("{circuits}", String(circuitCount));
     const isAmpsMode = (this._chartMetric || "power") === "current";
     return `
       <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">
@@ -870,13 +883,17 @@ export class SpanPanelElement extends LitElement {
       if (eid) panelsByEntry.set(eid, panel);
     }
 
+    // Build into a local map and only assign to the instance field after
+    // every render attempts so a single failure can't orphan tabs that
+    // _renderTab's cleanup loop never sees.
+    const tabs = new Map<string, MonitoringTab>();
     for (const entryId of entryIds) {
       const panel = panelsByEntry.get(entryId);
       const block = document.createElement("div");
       block.className = "favorites-monitoring-block";
       block.style.marginBottom = "24px";
 
-      const heading = document.createElement("h3");
+      const heading = document.createElement("h2");
       heading.style.margin = "8px 0 12px";
       heading.style.fontSize = "1em";
       heading.textContent = panel?.name_by_user ?? panel?.name ?? entryId;
@@ -887,9 +904,18 @@ export class SpanPanelElement extends LitElement {
       wrapper.appendChild(block);
 
       const tab = new MonitoringTab();
-      this._favoritesMonitoringTabs.set(entryId, tab);
-      await tab.render(body, this.hass, entryId);
+      tabs.set(entryId, tab);
+      try {
+        await tab.render(body, this.hass, entryId);
+      } catch (err) {
+        console.warn("SPAN Panel: favorites monitoring render failed", entryId, err);
+        const errEl = document.createElement("p");
+        errEl.style.color = "var(--error-color)";
+        errEl.textContent = (err as Error).message ?? String(err);
+        body.appendChild(errEl);
+      }
     }
+    this._favoritesMonitoringTabs = tabs;
   }
 
   /**

From 294a3b28d9be5d80540fc8888a57b002aade5c3b Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 13:26:18 -0700
Subject: [PATCH 06/97] fix: re-sort list view rows on hass updates

updateCollapsedRows refreshed each row's power/current in place but
never re-evaluated sort order, so 'By Activity' (and within-area sort)
froze to the initial render order. Partition .list-view into groups
bounded by .area-header and reorder rows (keeping expanded-content
siblings glued to their parents) after updating values.
---
 dist/span-panel-card.js          |  6 +--
 dist/span-panel.js               | 24 ++++-----
 src/core/list-view-controller.ts | 90 +++++++++++++++++++++++++++++---
 3 files changed, 98 insertions(+), 22 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index d6d9d19..c96d3fa 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),M=A?m:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${M};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,vt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,bt(n,s))}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i){return e.sort((e,n)=>{const s=Et(e[1],t,i),o=Et(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function kt(e){return e.entities?.current??e.entities?.power??""}class At{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=zt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,kt(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=zt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,kt(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,kt(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Mt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Pt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Lt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Nt="favorites-changed";async function Dt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const It=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ht extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Dt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Dt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Nt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of It){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ht)}catch{}const Tt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Rt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new At(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),M=A?m:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${M};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,vt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,bt(n,s))}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i,n){const s=Et(e,i,n),o=Et(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function kt(e,t,i){return e.sort((e,n)=>zt(e[1],n[1],t,i))}function At(e){return e.entities?.current??e.entities?.power??""}class Mt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=kt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,At(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=kt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,At(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>zt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,n)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,At(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Lt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Nt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Dt="favorites-changed";async function It(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await It(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Dt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await It(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Dt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Tt)}catch{}const Rt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Ft=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new Mt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -55,7 +55,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Mt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Pt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Lt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Mt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Lt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Pt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Mt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Tt.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Lt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Nt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Nt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Lt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Rt.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Rt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Rt.prototype,"hass",void 0),v([Me()],Rt.prototype,"_config",void 0),v([Me()],Rt.prototype,"_discovered",void 0),v([Me()],Rt.prototype,"_discovering",void 0),v([Me()],Rt.prototype,"_discoveryError",void 0),v([Me()],Rt.prototype,"_topology",void 0),v([Me()],Rt.prototype,"_activeTab",void 0),Rt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Rt);class Ft extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ft)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Ft.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Ft.prototype,"hass",void 0),v([Me()],Ft.prototype,"_config",void 0),v([Me()],Ft.prototype,"_discovered",void 0),v([Me()],Ft.prototype,"_discovering",void 0),v([Me()],Ft.prototype,"_discoveryError",void 0),v([Me()],Ft.prototype,"_topology",void 0),v([Me()],Ft.prototype,"_activeTab",void 0),Ft=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Ft);class Ot extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ot)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index f3d34af..e44dc8b 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,37 +1,37 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){return t[e]?.[i]??t.en?.[i]??i}const n="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},f="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},L=(e,t)=>!S(e,t),H={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),H={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&C(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=m.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:N).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??L)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[D("elementProperties")]=new Map,F[D("finalized")]=new Map,I?.({ReactiveElement:F}),(P.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:N).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[D("elementProperties")]=new Map,F[D("finalized")]=new Map,I?.({ReactiveElement:F}),(P.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ie=/'/g,ne=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<i;t++){const i=e[t];let r,l,c=-1,d=0;for(;d<i.length&&(a.lastIndex=d,l=a.exec(i),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ne:ie):a===ne||a===ie?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?i+W:c>=0?(n.push(r),i.slice(0,c)+U+i.slice(c)+G+h):i+G+(-2===c?t:h)}return[de(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class pe{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,i),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=ce.nextNode())&&r.length<a;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(U)){const t=c[o++],i=n.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:i,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),n.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),n.removeAttribute(e));if(se.test(n.tagName)){const e=n.textContent.split(G),t=e.length-1;if(t>0){n.textContent=q?q.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],Q()),ce.nextNode(),r.push({type:2,index:++s});n.append(e[t],Q())}}}else if(8===n.nodeType)if(n.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const i=B.createElement("template");return i.innerHTML=e,i}}function ue(e,t,i=e,n){if(t===ae)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,n)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??B).importNode(t,!0);ce.currentNode=n;let s=ce.nextNode(),o=0,a=0,r=i[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=i[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=pe.createElement(de(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new ge(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new _e(this.O(Q()),this.O(Q()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=re}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const n=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,n[i+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!n&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const i=this._$AH,n=e===re&&i!==re||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==re&&(i===re||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
+const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $e=class extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
+ */let $e=class extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function ke(e){return(t,i)=>"object"==typeof i?Ee(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
+ */function ke(e){return(t,n)=>"object"==typeof n?Ee(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -41,12 +41,12 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ae=2;class Pe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Ae=2;class Pe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=i("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=h[n]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const i={circuit_id:n};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=m[n]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const i={subdevice_id:n};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const i=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,n=this._createHeader(De(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-pressed",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),i?.favorites??{}}(this._hass,n)}catch(n){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(n);throw this._showError(`${i("sidepanel.favorite_failed")} ${o}`),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=i("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=i("sidepanel.graph_horizon"),n.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=De(e),o=De(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${De(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${i("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${De(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),a.appendChild(n)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${i("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=i("sidepanel.graph_horizon"),n.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${i("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>this._showError(`${i("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${i("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(n),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,n,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${i("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(i("card.device_not_found"));const n=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=n.panel_size??function(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}(n.circuits);if(!s)throw new Error(i("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,n),{topology:n,panelDevice:r,panelSize:s}}function Ue(e,t,n={}){const s=De(e.device_name||i("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${i("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${i("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${i("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${i("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${i("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${i("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(i)?"row-span":Je(t)===Je(i)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??n;return u[t]??u[n]}function Ze(e,t){const i=function(e){return Ke(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||i("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,n,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(i)}">${De(d)}</span>\n      </div>\n    `}return o}function _t(e,t,n,s,o,a){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function xt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function $t(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(n),l=bt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ct(n)};n.type===c&&(e.soc=dt(n),e.soe=ht(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ct(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ze(n,i);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(xt(e,i.entityIds,i.uuidByEntity,t,n)):r.push($t(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function Et(e,t,i,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,i,s,o,a=!1){i||(i=u[n]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,n,s,o,a){if(!e||!n||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,n,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`[data-uuid="${s}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let $;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;$=i?i.state:"unknown"}const S=_[$]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=n.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,i,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,At(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const a=Ze(i,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(n),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of St(this._topology)){const a=this.subDeviceHorizonMap.get(n)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ft(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const l=ct(r);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(n)}</strong> <span class="power-unit">${Ve(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(n)?vt(o.get(n)):a,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,n);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${i(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${i(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Qe(Math.max(...i));0===Je(e)?r.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=it(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=it(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=it(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Dt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Nt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const n=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Nt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):De(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?i("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ft}">\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ft}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ht}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:i("error.failed");a.textContent=`${i("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch{}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,n){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const n=i.dataset.entity,s=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:n,monitoring_enabled:s})})}catch{return void(i.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const n=i.dataset.entity,s=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:n,monitoring_enabled:s})})}catch{return void(i.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const n of e.querySelectorAll(".threshold-input"))n.addEventListener("input",()=>{const s=`${n.dataset.entity}-${n.dataset.field}`,o=i.get(s);o&&clearTimeout(o),i.set(s,setTimeout(async()=>{const i=parseInt(n.value,10);if(!i||i<1)return;const s=n.dataset.entity,o=n.dataset.field,r=n.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:i})}),await this.render(e,t)}catch{n.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${De(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,n,s,o,a,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=De(t.name||i("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${De(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,i,n,s,o){const a=it(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${De(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Vt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Bt(e,t,i){return e.sort((e,n)=>{const s=Vt(e[1],t,i),o=Vt(n[1],t,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value})}function Qt(e){return e.entities?.current??e.entities?.power??""}class Jt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Bt(Object.entries(i.circuits),t,n);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=et(s,Qt(i)),a=Wt(i,t),l=this._expandedUuids.has(e);r+=jt(e,i,t,n,o,a,l),l&&(r+=Ut(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,a){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const r=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??r,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const i=l.get(e);if(!i)continue;const n=Bt(i,t,s);d+=Gt(e);for(const[e,i]of n){const n=et(o,Qt(i)),a=Wt(i,t),r=this._expandedUuids.has(e);d+=jt(e,i,t,s,n,a,r),r&&(d+=Ut(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=Ke(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,n),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${We(n)}</strong><span class="power-unit">${Ve(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=et(this._monitoringStatus,Qt(n)),o=Wt(n,this._hass),a=Ut(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Xt(e,t){return`${e}|${t}`}class Kt{async build(e,t,i){const n=new Map;for(const e of i)n.set(e.id,e);const s=[];for(const[i,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=n.get(i);t&&s.push((async()=>{try{const n=await je(e,i);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:i,topology:n}of o){if(!n)continue;const s=i.config_entries?.[0]??null;s&&d.add(s);const o=i.name_by_user??i.name??n.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const i=n.circuits?.[t];if(!i)continue;const l=Xt(e,t),d=a&&o?`${o} · ${i.name}`:i.name;r[l]={...i,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const i=n.sub_devices?.[t];if(!i)continue;const r=Xt(e,t),d=a&&o&&i.name?`${o} · ${i.name}`:i.name??t;l[r]={...i,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const Zt="favorites",Yt="span_panel_favorites_view_state";function ei(e){try{localStorage.setItem(Yt,JSON.stringify(e))}catch{}}let ti=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Jt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new Kt,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass)}}}setConfig(e){}render(){var i,n,s;return i=this.hass?.language,e=i&&t[i]?i:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function nt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function _t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function xt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function $t(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(i),l=bt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ct(i)};i.type===c&&(e.soc=dt(i),e.soe=ht(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ct(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(xt(e,n.entityIds,n.uuidByEntity,t,i)):r.push($t(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Et(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,At(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(i),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of St(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=ft(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ct(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(i)?vt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=nt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=nt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=nt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Dt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Nt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Nt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ft}">\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ft}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ht}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=De(t.name||n("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${De(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,n,i,s,o){const a=nt(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${De(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Vt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Bt(e,t,n,i){const s=Vt(e,n,i),o=Vt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Qt(e,t,n){return e.sort((e,i)=>Bt(e[1],i[1],t,n))}function Jt(e){return e.entities?.current??e.entities?.power??""}class Xt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Qt(Object.entries(n.circuits),t,i);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Jt(n)),a=Wt(n,t),l=this._expandedUuids.has(e);r+=jt(e,n,t,i,o,a,l),l&&(r+=Ut(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Qt(n,t,s);d+=Gt(e);for(const[e,n]of i){const i=et(o,Jt(n)),a=Wt(n,t),r=this._expandedUuids.has(e);d+=jt(e,n,t,s,i,a,r),r&&(d+=Ut(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Bt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,n,i)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Jt(i)),o=Wt(i,this._hass),a=Ut(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Kt(e,t){return`${e}|${t}`}class Zt{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Kt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Kt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const Yt="favorites",en="span_panel_favorites_view_state";function tn(e){try{localStorage.setItem(en,JSON.stringify(e))}catch{}}let nn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Xt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new Zt,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -59,7 +59,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
           </div>
         </div>
 
-        <div class="panel-tabs" @click=${this._onTabClick}>${Te((n=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${n.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
+        <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
       </div>
 
       <div class="view">
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Zt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,ei(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,ei(i)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Zt).map(e=>e.id)),i=new Set(e.map(e=>e.id));if((t.size!==i.size||[...t].some(e=>!i.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(Yt);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Zt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:Zt,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===Zt;this._favorites=t;const n=this._panels.filter(e=>e.id!==Zt);if(this._panels=this._buildPanelList(n,t),i&&!Fe(t)){!function(){try{localStorage.removeItem(Yt)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const i of Object.values(e))t+=(i.circuits?.length??0)+(i.sub_devices?.length??0);return t}(this._favorites),t=i(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),n="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(i("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(i("header.toggle_units"))}">\n          <button class="unit-btn ${n?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${n?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,n);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),n=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,n,this.hass,i),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,n):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,n,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),n=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,n,this.hass,i),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,n):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,n,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),i=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,i??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Zt),n=await this._favCtrl.build(this.hass,this._favorites,t),s=n.topology,o=n.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,n.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,i.appendChild(a);const r=document.createElement("div");i.appendChild(r),n.appendChild(i);const l=new Ot;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),r.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};ti.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new x(i,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Yt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,tn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,tn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Yt).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(en);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Yt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:Yt,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===Yt;this._favorites=t;const i=this._panels.filter(e=>e.id!==Yt);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(en)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),t=n(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),i="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${i?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${i?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Yt),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Ot;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};nn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -185,4 +185,4 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],ti.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],ti.prototype,"narrow",void 0),v([ze()],ti.prototype,"_panels",void 0),v([ze()],ti.prototype,"_selectedPanelId",void 0),v([ze()],ti.prototype,"_activeTab",void 0),v([ze()],ti.prototype,"_discovered",void 0),v([ze()],ti.prototype,"_discoveryError",void 0),v([ze()],ti.prototype,"_chartMetric",void 0),v([ze()],ti.prototype,"_favorites",void 0),ti=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],ti),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let ii=!1;const ni=ti.prototype.connectedCallback;ti.prototype.connectedCallback=function(){ii=!0,ni.call(this)};const si=ti.prototype.disconnectedCallback;ti.prototype.disconnectedCallback=function(){ii=!1,si.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(ii||window.location.pathname.includes("span-panel")&&setTimeout(()=>{ii||location.reload()},200))});
+  `,v([ke({attribute:!1})],nn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],nn.prototype,"narrow",void 0),v([ze()],nn.prototype,"_panels",void 0),v([ze()],nn.prototype,"_selectedPanelId",void 0),v([ze()],nn.prototype,"_activeTab",void 0),v([ze()],nn.prototype,"_discovered",void 0),v([ze()],nn.prototype,"_discoveryError",void 0),v([ze()],nn.prototype,"_chartMetric",void 0),v([ze()],nn.prototype,"_favorites",void 0),nn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],nn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let sn=!1;const on=nn.prototype.connectedCallback;nn.prototype.connectedCallback=function(){sn=!0,on.call(this)};const an=nn.prototype.disconnectedCallback;nn.prototype.disconnectedCallback=function(){sn=!1,an.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(sn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{sn||location.reload()},200))});
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index bc42fe1..db526bb 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -44,14 +44,88 @@ function getSheddingPriority(circuit: Circuit, hass: HomeAssistant): string {
   return selectState ? selectState.state : "unknown";
 }
 
+function compareCircuits(a: Circuit, b: Circuit, hass: HomeAssistant, config: CardConfig): number {
+  const infoA = getCircuitSortInfo(a, hass, config);
+  const infoB = getCircuitSortInfo(b, hass, config);
+  if (infoA.isOn && !infoB.isOn) return -1;
+  if (!infoA.isOn && infoB.isOn) return 1;
+  return infoB.value - infoA.value;
+}
+
 function sortCircuitEntries(entries: [string, Circuit][], hass: HomeAssistant, config: CardConfig): [string, Circuit][] {
-  return entries.sort((a, b) => {
-    const infoA = getCircuitSortInfo(a[1], hass, config);
-    const infoB = getCircuitSortInfo(b[1], hass, config);
-    if (infoA.isOn && !infoB.isOn) return -1;
-    if (!infoA.isOn && infoB.isOn) return 1;
-    return infoB.value - infoA.value;
-  });
+  return entries.sort((a, b) => compareCircuits(a[1], b[1], hass, config));
+}
+
+interface RowUnit {
+  row: HTMLElement;
+  expanded: HTMLElement | null;
+  uuid: string;
+  circuit: Circuit;
+}
+
+interface RowGroup {
+  anchor: HTMLElement | null;
+  units: RowUnit[];
+}
+
+// Partition .list-view's direct children into groups. Activity view produces a
+// single anchor-less group; area view produces one group per .area-header.
+function partitionRowGroups(listView: HTMLElement, topology: PanelTopology): RowGroup[] {
+  let current: RowGroup = { anchor: null, units: [] };
+  const groups: RowGroup[] = [current];
+  const children = [...listView.children] as HTMLElement[];
+
+  for (let i = 0; i < children.length; ) {
+    const el = children[i]!;
+    if (el.classList.contains("area-header")) {
+      current = { anchor: el, units: [] };
+      groups.push(current);
+      i++;
+      continue;
+    }
+    if (el.classList.contains("list-row")) {
+      const uuid = el.dataset.rowUuid;
+      const circuit = uuid ? topology.circuits[uuid] : undefined;
+      if (uuid && circuit) {
+        const next = children[i + 1];
+        const expanded = next && next.classList.contains("list-expanded-content") && next.dataset.expandedUuid === uuid ? next : null;
+        current.units.push({ row: el, expanded, uuid, circuit });
+        i += expanded ? 2 : 1;
+        continue;
+      }
+    }
+    i++;
+  }
+
+  return groups;
+}
+
+function reorderListRows(root: Element | ShadowRoot, hass: HomeAssistant, topology: PanelTopology, config: CardConfig): void {
+  const listView = root.querySelector<HTMLElement>(".list-view");
+  if (!listView) return;
+
+  for (const group of partitionRowGroups(listView, topology)) {
+    if (group.units.length < 2) continue;
+
+    const sorted = [...group.units].sort((a, b) => compareCircuits(a.circuit, b.circuit, hass, config));
+
+    const changed = sorted.some((unit, j) => unit.uuid !== group.units[j]!.uuid);
+    if (!changed) continue;
+
+    let after: Element | null = group.anchor;
+    for (const unit of sorted) {
+      if (after) {
+        after.after(unit.row);
+      } else {
+        listView.prepend(unit.row);
+      }
+      after = unit.row;
+      if (unit.expanded) {
+        after.after(unit.expanded);
+        after = unit.expanded;
+      }
+    }
+  }
 }
 
 function getCircuitEntityId(circuit: Circuit): string {
@@ -261,6 +335,8 @@ export class ListViewController {
       // Toggle circuit-off class
       row.classList.toggle("circuit-off", !isOn);
     }
+
+    reorderListRows(root, hass, topology, config);
   }
 
   stop(): void {

From 458f2c4f0c5f86049150a677a8753277db6b52d6 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:00:34 -0700
Subject: [PATCH 07/97] docs: spec for compact expanded list rows

---
 ...04-15-favorites-expanded-compact-design.md | 186 ++++++++++++++++++
 1 file changed, 186 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md

diff --git a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
new file mode 100644
index 0000000..8e290a0
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
@@ -0,0 +1,186 @@
+# Favorites list view: compact expanded row
+
+Date: 2026-04-15 Repo: `span-card` (consumed by `span` HA integration)
+
+## Problem
+
+In the By-Area and By-Activity views, expanding a list row currently renders a full breaker "slot" above the chart: breaker badge, name, power/current value,
+toggle pill, shedding icon, utilization %, gear. Every value in that expanded header is already shown in the collapsed list row beside it. The duplication
+wastes vertical space that would be better used by the chart.
+
+The expanded view does contribute two things the collapsed row does not: a tappable on/off toggle, and a gear that opens the side panel for that circuit.
+
+## Goal
+
+Make the expanded list row show only the chart. Move the two unique controls into the collapsed row so they are always reachable without losing affordance.
+
+## Scope
+
+Applies to every invocation of `ListViewController` — both the Favorites full-page panel and the span-panel card dashboard's By-Area / By-Activity views.
+Breaker grid view is not affected.
+
+## Design
+
+### 1. List row (collapsed)
+
+New layout, left to right:
+
+```text
+[breaker badge] [name] [shedding] [util%] [ON/OFF badge*] [power] [gear] [chevron]
+```
+
+Changes versus today:
+
+- **Gear button** added between power and chevron. Uses the same `.gear-icon.circuit-gear` class and `data-uuid` attribute the breaker grid uses. Gear color
+  follows the existing "has custom overrides" rule (`MONITORING_COLORS.custom` vs `#555`). Clicks route to `DashboardController.onGearClick` via the existing
+  `.gear-icon` delegated handler — no new wiring.
+- **ON/OFF badge becomes tappable** only when `circuit.is_user_controllable !== false && circuit.entities?.switch`. When tappable the badge gains a
+  `list-status-toggle` class (adds `cursor: pointer`, hover state). When not tappable, the badge renders exactly as it does today — static.
+- Tappable badge clicks route to `DashboardController.onToggleClick`. Event delegation in `list-view-controller.ts` extends its toggle selector to
+  `.toggle-pill, .list-status-toggle`.
+
+The existing `list-status-on` / `list-status-off` classes continue to control badge color.
+
+OFF circuits continue to render an empty power cell.
+
+### 2. Expanded content (chart-only)
+
+New helper in `core/list-renderer.ts`:
+
+```ts
+export function buildExpandedChartHTML(
+  uuid: string,
+  circuit: Circuit,
+  hass: HomeAssistant,
+  config: CardConfig,
+  monitoringInfo: MonitoringPointInfo | null
+): string;
+```
+
+Produces:
+
+```html
+<div class="list-expanded-content" data-expanded-uuid="{uuid}">
+  <div class="circuit-slot circuit-chart-only {state-classes}" data-uuid="{uuid}">
+    <div class="chart-container"></div>
+  </div>
+</div>
+```
+
+Where `{state-classes}` is a space-joined string of any of `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring` — produced by a new
+shared helper (see §3).
+
+`buildExpandedCircuitHTML` is deleted. All three call sites in `list-view-controller.ts` switch to `buildExpandedChartHTML`.
+
+Preserving the `.circuit-slot[data-uuid]` wrapper is intentional: `DashboardController.updateDOM` walks that selector to attach charts to their
+`.chart-container`. Zero changes required in the chart-attachment pipeline.
+
+The `circuit-chart-only` class is a CSS-only marker (tight padding, full-bleed chart). It does not gate any logic.
+
+### 3. Shared state-class helper
+
+Extract into `core/list-renderer.ts` (or a new `core/circuit-state.ts` — picked during implementation based on import cleanliness):
+
+```ts
+export function getCircuitStateClasses(circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string;
+```
+
+Returns a class string containing any of: `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring`.
+
+`grid-renderer.ts` `renderCircuitSlot` adopts this same helper so grid and list stay in sync. This is the only factoring change in `renderCircuitSlot`.
+
+### 4. Event handling in `ListViewController`
+
+`_bindEvents` changes:
+
+- Toggle selector widens: `target.closest(".toggle-pill, .list-status-toggle")`.
+- Gear selector unchanged (`.gear-icon`). The list-row gear uses the same class, so it is already covered.
+
+`updateCollapsedRows` additions:
+
+- When a circuit flips, it already updates badge text and `list-status-on`/`list-status-off`. Also ensure `list-status-toggle` is added/removed if
+  controllability changes (rare, but cheap).
+- Sort logic and expanded-row pairing in `partitionRowGroups` / `reorderListRows` unchanged.
+
+`_toggleExpand`, `_applyFilter`, favorites state persistence (`FAVORITES_VIEW_STATE_CHANGED_EVENT`, `_expandedUuids`, `_searchQuery`) all unchanged.
+
+### 5. CSS (`card/card-styles.ts`)
+
+Add:
+
+```css
+.list-row .gear-icon {
+  background: transparent;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: #555;
+  display: inline-flex;
+  align-items: center;
+}
+.list-row .gear-icon:hover {
+  color: var(--primary-text-color);
+}
+
+.list-status-badge.list-status-toggle {
+  cursor: pointer;
+  user-select: none;
+}
+.list-status-badge.list-status-toggle:hover {
+  filter: brightness(1.15);
+}
+
+.list-expanded-content {
+  padding: 0;
+}
+
+.circuit-slot.circuit-chart-only {
+  border: none;
+  padding: 8px 12px;
+  margin: 0;
+}
+```
+
+Chart height within `.circuit-chart-only .chart-container` must match today's expanded chart height. Exact value is pinned during implementation by reading the
+current rule; noted as a verification point.
+
+Remove the now-redundant `.list-expanded-content .circuit-slot { border: none; margin: 0; }` override.
+
+Existing `.circuit-alert` / `.circuit-custom-monitoring` rules continue to style `.circuit-slot` and therefore also apply to `.circuit-slot.circuit-chart-only`
+— alert/custom border signaling is preserved on the expanded chart.
+
+## Files touched
+
+- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML` (gear, tappable badge), extract `getCircuitStateClasses`, delete
+  `buildExpandedCircuitHTML`.
+- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses` in `renderCircuitSlot`.
+- `src/core/list-view-controller.ts` — swap renderer at three sites; widen toggle selector; badge-class upkeep in `updateCollapsedRows`.
+- `src/card/card-styles.ts` — gear rules, tappable badge rules, chart-only slot rules; remove redundant override.
+
+Not touched: `panel/span-panel.ts`, `card/span-panel-card.ts`, `core/dashboard-controller.ts`, `core/header-renderer.ts`, `core/favorites-*`,
+`core/area-resolver.ts`, `core/history-loader.ts`, `core/graph-settings.ts`, chart module, side panel.
+
+## Verification points for implementation
+
+1. Confirm `DashboardController.onToggleClick` resolves `data-uuid` from an ancestor that reaches `.list-row`. If today the lookup walks only to
+   `.circuit-slot`, widen to `.circuit-slot, .list-row`.
+2. Enumerate tests that assert presence of `.circuit-header` / `.circuit-status` inside expanded content; update them to the new chart-only structure.
+3. Measure current `.chart-container` height in an expanded list row and match it in the new rule so the change does not shrink the chart.
+
+## Manual test plan
+
+- Expand rows in By-Activity and By-Area, in both Favorites and the regular dashboard card.
+- Confirm header/status no longer duplicate list-row info.
+- Tap the ON/OFF badge on a controllable circuit: state flips, row re-sorts, badge color updates.
+- Tap the ON/OFF badge on a non-controllable (PV) circuit: nothing happens, no hover cursor.
+- Tap the list-row gear: side panel opens for that circuit.
+- Trigger a monitoring alert: expanded chart area shows the alert border.
+- Reload the Favorites page: expansion state restores; chart remounts; no layout jumps.
+- Breaker grid view: unchanged.
+
+## Out of scope
+
+- Adding alert/error visuals to the collapsed list row.
+- Restyling the side panel or breaker-grid view.
+- Any change to the tab bar, monitoring tabs, or settings.
+- Changes to `span` HA integration backend code.

From 4f891e581df06a5b8b55da5f216be0b86dab2667 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:08:05 -0700
Subject: [PATCH 08/97] docs: implementation plan for compact expanded list
 rows

---
 .../2026-04-15-favorites-expanded-compact.md  | 865 ++++++++++++++++++
 1 file changed, 865 insertions(+)
 create mode 100644 docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md

diff --git a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
new file mode 100644
index 0000000..f74be39
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
@@ -0,0 +1,865 @@
+# Favorites list view — compact expanded row — Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
+> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** In By-Activity and By-Area list views, expanding a row should reveal only the chart; the two unique controls (gear and ON/OFF toggle) move onto the
+always-visible list row.
+
+**Architecture:** A new `buildExpandedChartHTML` renderer replaces the duplicative `buildExpandedCircuitHTML`. The list row gains a gear button and a tappable
+ON/OFF badge. A small shared `getCircuitStateClasses` helper keeps state-visualization classes consistent between the grid and the new chart-only expanded slot.
+
+**Tech Stack:** TypeScript, Lit (lightly used here — this card uses manual innerHTML), Vitest, Rollup, CSS-in-JS via tagged template literals.
+
+**Spec:** `docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md`
+
+---
+
+## File map
+
+**Create:**
+
+- `src/core/circuit-state.ts` — shared `getCircuitStateClasses` helper.
+- `tests/circuit-state.test.ts` — unit tests for the helper.
+
+**Modify:**
+
+- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses`.
+- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML`, delete `buildExpandedCircuitHTML`.
+- `src/core/list-view-controller.ts` — swap renderer calls, widen toggle selector, extend `updateCollapsedRows`.
+- `src/core/dashboard-controller.ts` — widen `onToggleClick` pill selector to include `list-status-toggle`.
+- `src/card/card-styles.ts` — add gear/badge/chart-only rules.
+
+**Test:**
+
+- `tests/circuit-state.test.ts` (new, above).
+- `tests/list-renderer.test.ts` (new — covers both renderers' new output shape).
+
+**Sync (post-build):**
+
+- `../../../HA/span/custom_components/span_panel/frontend/dist/` — via `scripts/build-frontend.sh` in the HA integration, or the `sync-frontend` skill.
+
+---
+
+## Task 1: Add shared `getCircuitStateClasses` helper
+
+Extracts the `circuit-off` / `circuit-producer` / `circuit-alert` / `circuit-custom-monitoring` class logic that `renderCircuitSlot` computes inline today. Grid
+and list will both call this so they stay in sync.
+
+**Files:**
+
+- Create: `src/core/circuit-state.ts`
+- Create: `tests/circuit-state.test.ts`
+
+- [ ] **Step 1: Write the failing test**
+
+Create `tests/circuit-state.test.ts`:
+
+```ts
+import { describe, it, expect } from "vitest";
+import { getCircuitStateClasses } from "../src/core/circuit-state.js";
+import type { Circuit, MonitoringPointInfo } from "../src/types.js";
+
+const baseCircuit: Circuit = { name: "Test" };
+
+describe("getCircuitStateClasses", () => {
+  it("returns empty string when circuit is on, not producer, no monitoring info", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, false)).toBe("");
+  });
+
+  it("adds circuit-off when isOn is false", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, false, false)).toBe("circuit-off");
+  });
+
+  it("adds circuit-producer when isProducer is true", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, true)).toBe("circuit-producer");
+  });
+
+  it("adds both when off and producer", () => {
+    const result = getCircuitStateClasses(baseCircuit, null, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+  });
+
+  it("adds circuit-alert when monitoringInfo indicates alert", () => {
+    const info: MonitoringPointInfo = { utilization_pct: 95, over_threshold_since: "2024-01-01T00:00:00Z" };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-alert");
+  });
+
+  it("adds circuit-custom-monitoring when continuous_threshold_pct is set", () => {
+    const info: MonitoringPointInfo = { continuous_threshold_pct: 80 };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+
+  it("handles all classes together", () => {
+    const info: MonitoringPointInfo = {
+      utilization_pct: 99,
+      over_threshold_since: "2024-01-01T00:00:00Z",
+      continuous_threshold_pct: 80,
+    };
+    const result = getCircuitStateClasses(baseCircuit, info, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+    expect(result).toContain("circuit-alert");
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
+
+Expected: FAIL with "Cannot find module '../src/core/circuit-state.js'".
+
+- [ ] **Step 3: Implement the helper**
+
+Create `src/core/circuit-state.ts`:
+
+```ts
+import { hasCustomOverrides, isAlertActive } from "./monitoring-status.js";
+import type { Circuit, MonitoringPointInfo } from "../types.js";
+
+/**
+ * Build the set of state-visualization classes that apply to a circuit's
+ * rendered slot. Shared by the breaker grid and the list view's
+ * chart-only expanded slot so both render the same border/background
+ * signaling.
+ */
+export function getCircuitStateClasses(_circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string {
+  const classes: string[] = [];
+  if (!isOn) classes.push("circuit-off");
+  if (isProducer) classes.push("circuit-producer");
+  if (isAlertActive(monitoringInfo)) classes.push("circuit-alert");
+  if (hasCustomOverrides(monitoringInfo)) classes.push("circuit-custom-monitoring");
+  return classes.join(" ");
+}
+```
+
+Note: `_circuit` is retained in the signature so future extensions (e.g. device-type specific classes) don't require a breaking change. The underscore prefix
+tells ESLint it's intentionally unused.
+
+- [ ] **Step 4: Run the test to verify it passes**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
+
+Expected: 7 passing tests.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/circuit-state.ts tests/circuit-state.test.ts
+git commit -m "feat(core): extract shared getCircuitStateClasses helper"
+```
+
+---
+
+## Task 2: Adopt `getCircuitStateClasses` in `renderCircuitSlot`
+
+Replace the inline class computation in `renderCircuitSlot` with a call to the shared helper, so the grid and list stay in lockstep.
+
+**Files:**
+
+- Modify: `src/core/grid-renderer.ts`
+
+- [ ] **Step 1: Read the current state-class logic**
+
+Open `src/core/grid-renderer.ts`. Lines 193-195 currently contain:
+
+```ts
+const alertActive = isAlertActive(monitoringInfo);
+const alertClass = alertActive ? "circuit-alert" : "";
+const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
+```
+
+And line 202 uses them:
+
+```ts
+<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
+```
+
+- [ ] **Step 2: Refactor to use the shared helper**
+
+At the top of `grid-renderer.ts`, add the import alongside the existing monitoring-status import:
+
+```ts
+import { getCircuitStateClasses } from "./circuit-state.js";
+```
+
+Remove these lines from `renderCircuitSlot`:
+
+```ts
+const alertActive = isAlertActive(monitoringInfo);
+const alertClass = alertActive ? "circuit-alert" : "";
+const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
+```
+
+Replace the `<div class="circuit-slot ...">` line with:
+
+```ts
+const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
+```
+
+(add this line after the existing `const customClass` removal, before the template returns). Then change the opening div of the return template from:
+
+```ts
+<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
+```
+
+to:
+
+```ts
+<div class="circuit-slot ${stateClasses} ${layoutClass}"
+```
+
+Also remove the `isAlertActive` import from `./monitoring-status.js` **only if it has no other callers in this file** (grep the file first — keep the import if
+other call sites remain).
+
+- [ ] **Step 3: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 4: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all existing tests still pass, including `circuit-state.test.ts`.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/grid-renderer.ts
+git commit -m "refactor(grid): use shared getCircuitStateClasses"
+```
+
+---
+
+## Task 3: Add `buildExpandedChartHTML` renderer
+
+Replace the full-circuit-slot expanded view with a minimal chart-only variant.
+
+**Files:**
+
+- Modify: `src/core/list-renderer.ts`
+- Create: `tests/list-renderer.test.ts`
+
+- [ ] **Step 1: Write the failing test**
+
+Create `tests/list-renderer.test.ts`:
+
+```ts
+import { describe, it, expect } from "vitest";
+import { buildExpandedChartHTML } from "../src/core/list-renderer.js";
+import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
+
+const mockHass = {
+  states: {
+    "switch.circuit_a": { state: "on", attributes: {} },
+    "sensor.circuit_a_power": { state: "150", attributes: {} },
+  },
+} as unknown as HomeAssistant;
+
+const mockConfig = { chart_metric: "power" } as unknown as CardConfig;
+
+const onCircuit: Circuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+};
+
+const offCircuit: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
+
+describe("buildExpandedChartHTML", () => {
+  it("produces a list-expanded-content wrapper with the circuit uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain('class="list-expanded-content"');
+    expect(html).toContain('data-expanded-uuid="uuid-123"');
+  });
+
+  it("wraps a circuit-slot that carries the chart-only marker class and data-uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-slot");
+    expect(html).toContain("circuit-chart-only");
+    expect(html).toContain('data-uuid="uuid-123"');
+  });
+
+  it("contains exactly one chart-container div", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    const matches = html.match(/class="chart-container"/g);
+    expect(matches?.length).toBe(1);
+  });
+
+  it("does NOT contain circuit-header or circuit-status duplicated content", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-header");
+    expect(html).not.toContain("circuit-status");
+    expect(html).not.toContain("toggle-pill");
+    expect(html).not.toContain("breaker-badge");
+    expect(html).not.toContain("power-value");
+  });
+
+  it("applies circuit-off class when circuit is off", () => {
+    const off: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
+    const html = buildExpandedChartHTML("uuid-123", off, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-off");
+  });
+
+  it("omits circuit-off class when circuit is on", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-off");
+  });
+
+  it("escapes unsafe uuids", () => {
+    const html = buildExpandedChartHTML('"><script>alert(1)</script>', onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("<script>");
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: FAIL with "`buildExpandedChartHTML` is not exported" or similar.
+
+- [ ] **Step 3: Implement `buildExpandedChartHTML` and delete `buildExpandedCircuitHTML`**
+
+In `src/core/list-renderer.ts`, add this import alongside existing ones:
+
+```ts
+import { DEVICE_TYPE_PV } from "../constants.js";
+import { getCircuitStateClasses } from "./circuit-state.js";
+```
+
+Replace the existing `buildExpandedCircuitHTML` function (lines 135-145) with:
+
+```ts
+/**
+ * Build the chart-only expanded content for a list row. The collapsed
+ * list row already shows breaker / name / shedding / utilization / status /
+ * power, so the expanded area only needs to surface the chart. State-
+ * visualization classes (off, producer, alert, custom monitoring) still
+ * apply to the wrapping slot so border/background signaling is preserved.
+ */
+export function buildExpandedChartHTML(
+  uuid: string,
+  circuit: Circuit,
+  hass: HomeAssistant,
+  config: CardConfig,
+  monitoringInfo: MonitoringPointInfo | null
+): string {
+  void config;
+  const powerEid = circuit.entities?.power;
+  const powerState = powerEid ? hass.states[powerEid] : null;
+  const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;
+  const isProducer = circuit.device_type === DEVICE_TYPE_PV || powerW < 0;
+
+  const switchEid = circuit.entities?.switch;
+  const switchState = switchEid ? hass.states[switchEid] : null;
+  const isOn = switchState
+    ? switchState.state === "on"
+    : ((powerState?.attributes?.relay_state as string | undefined) || circuit.relay_state) === RELAY_STATE_CLOSED;
+
+  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
+  const safeUuid = escapeHtml(uuid);
+
+  return `
+    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
+      <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
+        <div class="chart-container"></div>
+      </div>
+    </div>
+  `;
+}
+```
+
+Keep the `renderCircuitSlot` import removable — verify nothing else in `list-renderer.ts` references it, and drop the import if so.
+
+- [ ] **Step 4: Run the new tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: all 7 tests pass.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: errors about `buildExpandedCircuitHTML` being used in `list-view-controller.ts` (we fix that in Task 5). Note the errors — they will be resolved in
+Task 5. **Do not commit yet.** Continue to Step 6.
+
+- [ ] **Step 6: Leave the commit for the combined Task 5 commit**
+
+Do NOT commit yet. Task 5 will update `list-view-controller.ts` to import and call `buildExpandedChartHTML`, which resolves the remaining typecheck failures.
+Committing now would break the build at HEAD.
+
+---
+
+## Task 4: Add gear and tappable badge to `buildListRowHTML`
+
+**Files:**
+
+- Modify: `src/core/list-renderer.ts`
+- Modify: `tests/list-renderer.test.ts` (append to the file from Task 3)
+
+- [ ] **Step 1: Write the failing tests for the new list-row structure**
+
+Append to `tests/list-renderer.test.ts`:
+
+```ts
+import { buildListRowHTML } from "../src/core/list-renderer.js";
+
+const controllableCircuit: Circuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  is_user_controllable: true,
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+};
+
+const nonControllableCircuit: Circuit = {
+  name: "Solar",
+  tabs: [2],
+  relay_state: "CLOSED",
+  is_user_controllable: false,
+  entities: { power: "sensor.circuit_b_power" },
+};
+
+describe("buildListRowHTML gear and tappable badge", () => {
+  it("adds a gear button with data-uuid", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("gear-icon");
+    expect(html).toContain("circuit-gear");
+    expect(html).toContain('data-uuid="uuid-42"');
+  });
+
+  it("puts the gear after list-power-value and before list-expand-toggle", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const valueIdx = html.indexOf("list-power-value");
+    const gearIdx = html.indexOf("gear-icon");
+    const toggleIdx = html.indexOf("list-expand-toggle");
+    expect(valueIdx).toBeGreaterThan(-1);
+    expect(gearIdx).toBeGreaterThan(valueIdx);
+    expect(toggleIdx).toBeGreaterThan(gearIdx);
+  });
+
+  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle for non-controllable circuits", () => {
+    const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle when circuit has no switch entity", () => {
+    const noSwitch: Circuit = { ...controllableCircuit, entities: { power: "sensor.circuit_a_power" } };
+    const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const rowMatch = html.match(/<div class="list-row[^"]*"([^>]*)>/);
+    expect(rowMatch).not.toBeNull();
+    const attrs = rowMatch?.[1] ?? "";
+    expect(attrs).toContain('data-uuid="uuid-42"');
+    expect(attrs).toContain('data-row-uuid="uuid-42"');
+  });
+});
+```
+
+- [ ] **Step 2: Run the tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: the 6 new tests fail; the 7 from Task 3 still pass.
+
+- [ ] **Step 3: Import `MONITORING_COLORS` and update `buildListRowHTML`**
+
+In `src/core/list-renderer.ts`, extend the constants import:
+
+```ts
+import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
+```
+
+Add an import for `hasCustomOverrides`:
+
+```ts
+import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
+```
+
+Inside `buildListRowHTML`, compute the gear color and toggleability block. After the `utilizationHTML` block (around line 110) but before the `statusBadge`
+line, add:
+
+```ts
+// Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.
+const hasOverridesFlag = monitoringInfo ? hasCustomOverrides(monitoringInfo) : false;
+const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
+const gearHTML = `<button class="gear-icon circuit-gear"
+  data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
+  title="${t("grid.configure")}">
+  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
+</button>`;
+
+// Make the status badge tappable only when the circuit can actually be
+// toggled. Uses the same gate as the breaker-grid toggle-pill.
+const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
+const toggleClass = isToggleable ? " list-status-toggle" : "";
+```
+
+Replace the existing `statusBadge` definition:
+
+```ts
+const statusBadge = isOn
+  ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
+  : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
+```
+
+Replace the return template's opening row div and insert the gear before the expand toggle:
+
+```ts
+return `
+  <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
+       data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
+    ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
+    <span class="list-circuit-name">${name}</span>
+    ${sheddingHTML}
+    ${utilizationHTML}
+    ${statusBadge}
+    <span class="list-power-value">
+      ${valueHTML}
+    </span>
+    ${gearHTML}
+    <button class="list-expand-toggle ${isExpanded ? "expanded" : ""}" data-expand-uuid="${escapeHtml(uuid)}">
+      <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>
+    </button>
+  </div>
+`;
+```
+
+- [ ] **Step 4: Run the tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: all 13 tests pass.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: TypeScript errors remaining from Task 3 about `list-view-controller.ts` calling the deleted `buildExpandedCircuitHTML`. The list-renderer.ts itself
+should be clean.
+
+- [ ] **Step 6: Do not commit yet — continue to Task 5**
+
+Task 5 closes out the list-renderer changes by updating the controller to call the new function.
+
+---
+
+## Task 5: Update `ListViewController`
+
+Swap renderer calls, widen the toggle selector, and update `updateCollapsedRows` to keep the `list-status-toggle` class in sync with controllability.
+
+**Files:**
+
+- Modify: `src/core/list-view-controller.ts`
+
+- [ ] **Step 1: Update the import**
+
+Change the list-renderer import line near the top of `src/core/list-view-controller.ts`:
+
+```ts
+import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
+```
+
+(Drop `buildExpandedCircuitHTML` from the import list.)
+
+- [ ] **Step 2: Swap the three call sites**
+
+Replace every `buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority)` call with
+`buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo)`. The three sites are in `renderActivityView`, `renderAreaView`, and `_toggleExpand`.
+
+- [ ] **Step 3: Widen the toggle selector**
+
+In `_bindEvents`, change:
+
+```ts
+const togglePill = target.closest(".toggle-pill");
+if (togglePill) {
+```
+
+to:
+
+```ts
+const togglePill = target.closest(".toggle-pill, .list-status-toggle");
+if (togglePill) {
+```
+
+- [ ] **Step 4: Update `updateCollapsedRows` to keep badge class in sync**
+
+In `updateCollapsedRows`, after the existing `statusBadge.classList.toggle("list-status-on", isOn); statusBadge.classList.toggle("list-status-off", !isOn);`
+block, add:
+
+```ts
+if (statusBadge) {
+  const circuit2 = circuit; // already in scope
+  const isToggleable = circuit2.is_user_controllable !== false && !!circuit2.entities?.switch;
+  statusBadge.classList.toggle("list-status-toggle", isToggleable);
+}
+```
+
+(The existing `if (statusBadge)` block can be extended in place — just inline the toggleable class update into it instead of introducing a second `if`.)
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 6: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all tests pass.
+
+- [ ] **Step 7: Commit Tasks 3–5 together**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/list-renderer.ts src/core/list-view-controller.ts tests/list-renderer.test.ts
+git commit -m "feat(list): chart-only expanded rows; gear + tappable badge on list row"
+```
+
+---
+
+## Task 6: Widen `onToggleClick` to accept `.list-status-toggle`
+
+`DashboardController.onToggleClick` hardcodes `target.closest(".toggle-pill")` — without this change, taps on the new tappable badge are swallowed.
+
+**Files:**
+
+- Modify: `src/core/dashboard-controller.ts`
+
+- [ ] **Step 1: Locate the selector**
+
+Open `src/core/dashboard-controller.ts`. Around line 330 you'll see:
+
+```ts
+onToggleClick(ev: Event, root: DOMRoot): void {
+  const target = ev.target as HTMLElement | null;
+  const pill = target?.closest(".toggle-pill");
+  if (!pill) return;
+```
+
+- [ ] **Step 2: Widen the selector**
+
+Change the `.toggle-pill` closest call to:
+
+```ts
+const pill = target?.closest(".toggle-pill, .list-status-toggle");
+```
+
+No other changes — the ancestor `.closest("[data-uuid]")` already finds the list row because Task 4 added `data-uuid` to `.list-row`.
+
+- [ ] **Step 3: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no errors.
+
+- [ ] **Step 4: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all tests pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/dashboard-controller.ts
+git commit -m "fix(dashboard): accept .list-status-toggle as a toggle target"
+```
+
+---
+
+## Task 7: CSS — gear, tappable badge, chart-only slot
+
+**Files:**
+
+- Modify: `src/card/card-styles.ts`
+
+- [ ] **Step 1: Read the current expanded-content styles**
+
+Open `src/card/card-styles.ts`. Locate the two blocks added in the Favorites feature:
+
+```css
+.list-expanded-content {
+  padding: 12px;
+  background: var(--card-background-color, #1c1c1c);
+  ...
+}
+
+.list-expanded-content .circuit-slot {
+  border: none;
+  margin: 0;
+  ...
+}
+```
+
+And note the current `.chart-container` height rule for the list view (search for `.list-expanded-content .chart-container` or the general `.chart-container`
+rule). Record the current height so the new chart-only rule matches it.
+
+- [ ] **Step 2: Add the new rules and remove the redundant override**
+
+Inside the styles template string, add these rules (place them near the existing `.list-expanded-content` block so related styles stay adjacent):
+
+```css
+/* ── List row gear ─────────────────────────────────────── */
+.list-row .gear-icon {
+  background: transparent;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: #555;
+  display: inline-flex;
+  align-items: center;
+}
+.list-row .gear-icon:hover {
+  color: var(--primary-text-color);
+}
+
+/* ── Tappable status badge ─────────────────────────────── */
+.list-status-badge.list-status-toggle {
+  cursor: pointer;
+  user-select: none;
+}
+.list-status-badge.list-status-toggle:hover {
+  filter: brightness(1.15);
+}
+
+/* ── Chart-only expanded slot ──────────────────────────── */
+.circuit-slot.circuit-chart-only {
+  border: none;
+  padding: 8px 12px;
+  margin: 0;
+  /* Existing .circuit-alert / .circuit-custom-monitoring rules still apply. */
+}
+.circuit-slot.circuit-chart-only .chart-container {
+  width: 100%;
+  /* Keep chart height equal to the pre-change value (see Step 1). */
+  height: <VALUE_FROM_STEP_1>;
+}
+```
+
+Update `.list-expanded-content` padding from `12px` to `0`:
+
+```css
+.list-expanded-content {
+  padding: 0;
+  background: var(--card-background-color, #1c1c1c);
+  /* keep other existing properties */
+}
+```
+
+Delete the now-redundant:
+
+```css
+.list-expanded-content .circuit-slot {
+  border: none;
+  margin: 0;
+}
+```
+
+(Its behaviors are subsumed by the new `.circuit-slot.circuit-chart-only` rule.)
+
+- [ ] **Step 3: Build and visually verify**
+
+Run:
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+npm run build
+```
+
+Expected: build succeeds with no typecheck or rollup errors.
+
+- [ ] **Step 4: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/card/card-styles.ts
+git commit -m "style: list-row gear, tappable badge, chart-only slot"
+```
+
+---
+
+## Task 8: Sync built bundle into the HA integration and smoke-test
+
+**Files:**
+
+- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/frontend/dist/*` (generated)
+
+- [ ] **Step 1: Sync the built bundle**
+
+Use the `sync-frontend` skill (preferred), or run the HA-side script:
+
+```bash
+cd /Users/bflood/projects/HA/span
+./scripts/build-frontend.sh
+```
+
+Expected: `custom_components/span_panel/frontend/dist/span-card.js` is updated.
+
+- [ ] **Step 2: Commit the synced bundle in the HA repo**
+
+```bash
+cd /Users/bflood/projects/HA/span
+git add custom_components/span_panel/frontend/dist/
+git commit -m "build: sync span-card bundle (compact expanded list rows)"
+```
+
+- [ ] **Step 3: Manual smoke tests (from the spec's test plan)**
+
+Reload the Home Assistant dashboard and the Favorites panel, then verify:
+
+1. **By-Activity view, Favorites panel:** expand a row — only the chart appears, no duplicated header/status. Chart height matches the previous layout.
+2. **By-Area view, Favorites panel:** same.
+3. **By-Activity / By-Area in the regular dashboard card:** same.
+4. **Gear on list row:** tap it — side panel opens for that circuit.
+5. **Tappable ON/OFF badge (controllable circuit):** tap it — after arming the panel-level "Enable switches" slide-to-confirm, the badge toggles state; row
+   re-sorts according to new state.
+6. **Non-controllable circuit (PV):** the badge shows ON/OFF but has no hover cursor, and taps do nothing.
+7. **Alert signaling:** a circuit with an active alert shows the alert border on the expanded chart slot.
+8. **Favorites state persistence:** reload the page — previously expanded rows remain expanded with their charts rendered.
+9. **Breaker grid view:** unchanged visually and behaviorally.
+
+- [ ] **Step 4: If smoke tests pass, you're done**
+
+If any smoke test fails, capture the failure mode and open a follow-up issue or fix in place before wrapping.
+
+---
+
+## Self-review notes
+
+- **Spec coverage:** §1 (list row) → Task 4. §2 (expanded content) → Task 3. §3 (shared helper) → Tasks 1 & 2. §4 (controller wiring) → Tasks 5 & 6. §5 (CSS) →
+  Task 7. Verification points §1/§2/§3 → covered explicitly in Tasks 6, 4, and 7 respectively.
+- **Placeholders:** one intentional placeholder in Task 7 Step 2 (`<VALUE_FROM_STEP_1>`) — this is an instruction to read-and-replace a runtime value from the
+  current CSS, not a TBD for later.
+- **Type consistency:** `getCircuitStateClasses` signature matches across Task 1 definition, Task 2 call, and Task 3 call. `buildExpandedChartHTML` signature
+  defined in Task 3 matches import and call sites in Task 5.

From 036d57169d0404ed943bdfa53ecd829f58c0e967 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:13:15 -0700
Subject: [PATCH 09/97] feat(core): extract shared getCircuitStateClasses
 helper

---
 src/core/circuit-state.ts   | 17 +++++++++++++
 tests/circuit-state.test.ts | 50 +++++++++++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 src/core/circuit-state.ts
 create mode 100644 tests/circuit-state.test.ts

diff --git a/src/core/circuit-state.ts b/src/core/circuit-state.ts
new file mode 100644
index 0000000..20011ec
--- /dev/null
+++ b/src/core/circuit-state.ts
@@ -0,0 +1,17 @@
+import { hasCustomOverrides, isAlertActive } from "./monitoring-status.js";
+import type { Circuit, MonitoringPointInfo } from "../types.js";
+
+/**
+ * Build the set of state-visualization classes that apply to a circuit's
+ * rendered slot. Shared by the breaker grid and the list view's
+ * chart-only expanded slot so both render the same border/background
+ * signaling.
+ */
+export function getCircuitStateClasses(_circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string {
+  const classes: string[] = [];
+  if (!isOn) classes.push("circuit-off");
+  if (isProducer) classes.push("circuit-producer");
+  if (isAlertActive(monitoringInfo)) classes.push("circuit-alert");
+  if (hasCustomOverrides(monitoringInfo)) classes.push("circuit-custom-monitoring");
+  return classes.join(" ");
+}
diff --git a/tests/circuit-state.test.ts b/tests/circuit-state.test.ts
new file mode 100644
index 0000000..09b2835
--- /dev/null
+++ b/tests/circuit-state.test.ts
@@ -0,0 +1,50 @@
+import { describe, it, expect } from "vitest";
+import { getCircuitStateClasses } from "../src/core/circuit-state.js";
+import type { Circuit, MonitoringPointInfo } from "../src/types.js";
+
+const baseCircuit = { name: "Test" } as Circuit;
+
+describe("getCircuitStateClasses", () => {
+  it("returns empty string when circuit is on, not producer, no monitoring info", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, false)).toBe("");
+  });
+
+  it("adds circuit-off when isOn is false", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, false, false)).toBe("circuit-off");
+  });
+
+  it("adds circuit-producer when isProducer is true", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, true)).toBe("circuit-producer");
+  });
+
+  it("adds both when off and producer", () => {
+    const result = getCircuitStateClasses(baseCircuit, null, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+  });
+
+  it("adds circuit-alert when monitoringInfo indicates alert", () => {
+    const info: MonitoringPointInfo = { utilization_pct: 95, over_threshold_since: "2024-01-01T00:00:00Z" };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-alert");
+  });
+
+  it("adds circuit-custom-monitoring when continuous_threshold_pct is set", () => {
+    const info: MonitoringPointInfo = { continuous_threshold_pct: 80 };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+
+  it("handles all classes together", () => {
+    const info: MonitoringPointInfo = {
+      utilization_pct: 99,
+      over_threshold_since: "2024-01-01T00:00:00Z",
+      continuous_threshold_pct: 80,
+    };
+    const result = getCircuitStateClasses(baseCircuit, info, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+    expect(result).toContain("circuit-alert");
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+});

From 778d31f11a831b0977b35d537691479ebf5a13fe Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:17:48 -0700
Subject: [PATCH 10/97] refactor(grid): use shared getCircuitStateClasses

---
 src/core/grid-renderer.ts | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/core/grid-renderer.ts b/src/core/grid-renderer.ts
index 8a9e814..81905b3 100644
--- a/src/core/grid-renderer.ts
+++ b/src/core/grid-renderer.ts
@@ -4,7 +4,8 @@ import { t } from "../i18n.js";
 import { tabToRow, tabToCol, classifyDualTab } from "../helpers/layout.js";
 import { getChartMetric } from "../helpers/chart.js";
 import { DEVICE_TYPE_PV, RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
-import { getCircuitMonitoringInfo, hasCustomOverrides, getUtilizationClass, isAlertActive } from "./monitoring-status.js";
+import { getCircuitMonitoringInfo, hasCustomOverrides, getUtilizationClass } from "./monitoring-status.js";
+import { getCircuitStateClasses } from "./circuit-state.js";
 import type { PanelTopology, Circuit, HomeAssistant, CardConfig, MonitoringStatus, MonitoringPointInfo, SheddingPriorityDef } from "../types.js";
 
 type SlotLayout = "single" | "row-span" | "col-span";
@@ -189,17 +190,14 @@ export function renderCircuitSlot(
     utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(pct)}%</span>`;
   }
 
-  // Alert and custom monitoring classes
-  const alertActive = isAlertActive(monitoringInfo);
-  const alertClass = alertActive ? "circuit-alert" : "";
-  const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
+  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
 
   const rowSpan = layout === "col-span" ? `${row} / span 2` : `${row}`;
   const layoutClass = inline ? "" : layout === "row-span" ? "circuit-row-span" : layout === "col-span" ? "circuit-col-span" : "";
   const gridStyle = inline ? "" : `style="grid-row: ${rowSpan}; grid-column: ${col};"`;
 
   return `
-    <div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
+    <div class="circuit-slot ${stateClasses} ${layoutClass}"
          ${gridStyle}
          data-uuid="${escapeHtml(uuid)}">
       <div class="circuit-header">

From ee71d26cfd8231ed123ae95a76e0beb7f62a0c47 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:24:27 -0700
Subject: [PATCH 11/97] feat(list): chart-only expanded rows; gear + tappable
 badge on list row

---
 src/core/list-renderer.ts        |  63 +++++++++++---
 src/core/list-view-controller.ts |  13 +--
 tests/list-renderer.test.ts      | 138 +++++++++++++++++++++++++++++++
 3 files changed, 197 insertions(+), 17 deletions(-)
 create mode 100644 tests/list-renderer.test.ts

diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 970343e..daad129 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -2,9 +2,9 @@ import { escapeHtml } from "../helpers/sanitize.js";
 import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { t } from "../i18n.js";
 import { getChartMetric } from "../helpers/chart.js";
-import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES } from "../constants.js";
-import { getUtilizationClass } from "./monitoring-status.js";
-import { renderCircuitSlot } from "./grid-renderer.js";
+import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS, DEVICE_TYPE_PV } from "../constants.js";
+import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
+import { getCircuitStateClasses } from "./circuit-state.js";
 import type { Circuit, HomeAssistant, CardConfig, MonitoringPointInfo, SheddingPriorityDef } from "../types.js";
 
 /**
@@ -109,11 +109,28 @@ export function buildListRowHTML(
     utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(pct)}%</span>`;
   }
 
+  // Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.
+  const hasOverridesFlag = monitoringInfo ? hasCustomOverrides(monitoringInfo) : false;
+  const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
+  const gearHTML = `<button class="gear-icon circuit-gear"
+  data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
+  title="${t("grid.configure")}">
+  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
+</button>`;
+
+  // Make the status badge tappable only when the circuit can actually be
+  // toggled. Uses the same gate as the breaker-grid toggle-pill.
+  const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
+  const toggleClass = isToggleable ? " list-status-toggle" : "";
+
   // ON/OFF badge
-  const statusBadge = isOn ? `<span class="list-status-badge list-status-on">ON</span>` : `<span class="list-status-badge list-status-off">OFF</span>`;
+  const statusBadge = isOn
+    ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
+    : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
 
   return `
-    <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}" data-row-uuid="${escapeHtml(uuid)}">
+    <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
+         data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
       ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
       <span class="list-circuit-name">${name}</span>
       ${sheddingHTML}
@@ -122,6 +139,7 @@ export function buildListRowHTML(
       <span class="list-power-value">
         ${valueHTML}
       </span>
+      ${gearHTML}
       <button class="list-expand-toggle ${isExpanded ? "expanded" : ""}" data-expand-uuid="${escapeHtml(uuid)}">
         <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>
       </button>
@@ -130,18 +148,41 @@ export function buildListRowHTML(
 }
 
 /**
- * Build the expanded detail view for a circuit (wraps renderCircuitSlot).
+ * Build the chart-only expanded content for a list row. The collapsed
+ * list row already shows breaker / name / shedding / utilization / status /
+ * power, so the expanded area only needs to surface the chart. State-
+ * visualization classes (off, producer, alert, custom monitoring) still
+ * apply to the wrapping slot so border/background signaling is preserved.
  */
-export function buildExpandedCircuitHTML(
+export function buildExpandedChartHTML(
   uuid: string,
   circuit: Circuit,
   hass: HomeAssistant,
   config: CardConfig,
-  monitoringInfo: MonitoringPointInfo | null,
-  sheddingPriority: string
+  monitoringInfo: MonitoringPointInfo | null
 ): string {
-  const slotHTML = renderCircuitSlot(uuid, circuit, 0, "1", "single", hass, config, monitoringInfo, sheddingPriority, true);
-  return `<div class="list-expanded-content" data-expanded-uuid="${escapeHtml(uuid)}">${slotHTML}</div>`;
+  void config;
+  const powerEid = circuit.entities?.power;
+  const powerState = powerEid ? hass.states[powerEid] : null;
+  const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;
+  const isProducer = circuit.device_type === DEVICE_TYPE_PV || powerW < 0;
+
+  const switchEid = circuit.entities?.switch;
+  const switchState = switchEid ? hass.states[switchEid] : null;
+  const isOn = switchState
+    ? switchState.state === "on"
+    : ((powerState?.attributes?.relay_state as string | undefined) || circuit.relay_state) === RELAY_STATE_CLOSED;
+
+  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
+  const safeUuid = escapeHtml(uuid);
+
+  return `
+    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
+      <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
+        <div class="chart-container"></div>
+      </div>
+    </div>
+  `;
 }
 
 /**
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index db526bb..d6229da 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -3,7 +3,7 @@ import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { getChartMetric } from "../helpers/chart.js";
 import { t } from "../i18n.js";
 import { getCircuitMonitoringInfo } from "./monitoring-status.js";
-import { buildSearchBarHTML, buildListRowHTML, buildExpandedCircuitHTML, buildAreaHeaderHTML } from "./list-renderer.js";
+import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
 import type { DashboardController } from "./dashboard-controller.js";
 import type { HomeAssistant, PanelTopology, CardConfig, Circuit, MonitoringStatus } from "../types.js";
 
@@ -215,7 +215,7 @@ export class ListViewController {
       const isExpanded = this._expandedUuids.has(uuid);
       html += buildListRowHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority, isExpanded);
       if (isExpanded) {
-        html += buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority);
+        html += buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo);
       }
     }
 
@@ -280,7 +280,7 @@ export class ListViewController {
         const isExpanded = this._expandedUuids.has(uuid);
         html += buildListRowHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority, isExpanded);
         if (isExpanded) {
-          html += buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority);
+          html += buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo);
         }
       }
     }
@@ -330,6 +330,8 @@ export class ListViewController {
         statusBadge.textContent = isOn ? "ON" : "OFF";
         statusBadge.classList.toggle("list-status-on", isOn);
         statusBadge.classList.toggle("list-status-off", !isOn);
+        const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
+        statusBadge.classList.toggle("list-status-toggle", isToggleable);
       }
 
       // Toggle circuit-off class
@@ -395,7 +397,7 @@ export class ListViewController {
       }
 
       // Handle toggle pill clicks (delegate to DashboardController for switch control)
-      const togglePill = target.closest(".toggle-pill");
+      const togglePill = target.closest(".toggle-pill, .list-status-toggle");
       if (togglePill) {
         this._ctrl.onToggleClick(ev, container);
         return;
@@ -529,8 +531,7 @@ export class ListViewController {
       if (!circuit) return;
 
       const monitoringInfo = getCircuitMonitoringInfo(this._monitoringStatus, getCircuitEntityId(circuit));
-      const sheddingPriority = getSheddingPriority(circuit, this._hass);
-      const html = buildExpandedCircuitHTML(uuid, circuit, this._hass, this._config, monitoringInfo, sheddingPriority);
+      const html = buildExpandedChartHTML(uuid, circuit, this._hass, this._config, monitoringInfo);
 
       row.insertAdjacentHTML("afterend", html);
       if (chevron) chevron.classList.add("expanded");
diff --git a/tests/list-renderer.test.ts b/tests/list-renderer.test.ts
new file mode 100644
index 0000000..6530950
--- /dev/null
+++ b/tests/list-renderer.test.ts
@@ -0,0 +1,138 @@
+import { describe, it, expect } from "vitest";
+import { buildExpandedChartHTML } from "../src/core/list-renderer.js";
+import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
+
+const mockHass = {
+  states: {
+    "switch.circuit_a": { state: "on", attributes: {} },
+    "sensor.circuit_a_power": { state: "150", attributes: {} },
+  },
+} as unknown as HomeAssistant;
+
+const mockConfig = { chart_metric: "power" } as unknown as CardConfig;
+
+const onCircuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+} as unknown as Circuit;
+
+describe("buildExpandedChartHTML", () => {
+  it("produces a list-expanded-content wrapper with the circuit uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain('class="list-expanded-content"');
+    expect(html).toContain('data-expanded-uuid="uuid-123"');
+  });
+
+  it("wraps a circuit-slot that carries the chart-only marker class and data-uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-slot");
+    expect(html).toContain("circuit-chart-only");
+    expect(html).toContain('data-uuid="uuid-123"');
+  });
+
+  it("contains exactly one chart-container div", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    const matches = html.match(/class="chart-container"/g);
+    expect(matches?.length).toBe(1);
+  });
+
+  it("does NOT contain circuit-header or circuit-status duplicated content", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-header");
+    expect(html).not.toContain("circuit-status");
+    expect(html).not.toContain("toggle-pill");
+    expect(html).not.toContain("breaker-badge");
+    expect(html).not.toContain("power-value");
+  });
+
+  it("applies circuit-off class when circuit is off", () => {
+    const off = {
+      name: "Kitchen",
+      tabs: [1],
+      relay_state: "OPEN",
+      entities: { power: "sensor.circuit_a_power" },
+    } as unknown as Circuit;
+    const html = buildExpandedChartHTML("uuid-123", off, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-off");
+  });
+
+  it("omits circuit-off class when circuit is on", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-off");
+  });
+
+  it("escapes unsafe uuids", () => {
+    const html = buildExpandedChartHTML('"><script>alert(1)</script>', onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("<script>");
+  });
+});
+
+import { buildListRowHTML } from "../src/core/list-renderer.js";
+
+const controllableCircuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  is_user_controllable: true,
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+} as unknown as Circuit;
+
+const nonControllableCircuit = {
+  name: "Solar",
+  tabs: [2],
+  relay_state: "CLOSED",
+  is_user_controllable: false,
+  entities: { power: "sensor.circuit_b_power" },
+} as unknown as Circuit;
+
+describe("buildListRowHTML gear and tappable badge", () => {
+  it("adds a gear button with data-uuid", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("gear-icon");
+    expect(html).toContain("circuit-gear");
+    expect(html).toContain('data-uuid="uuid-42"');
+  });
+
+  it("puts the gear after list-power-value and before list-expand-toggle", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const valueIdx = html.indexOf("list-power-value");
+    const gearIdx = html.indexOf("gear-icon");
+    const toggleIdx = html.indexOf("list-expand-toggle");
+    expect(valueIdx).toBeGreaterThan(-1);
+    expect(gearIdx).toBeGreaterThan(valueIdx);
+    expect(toggleIdx).toBeGreaterThan(gearIdx);
+  });
+
+  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle for non-controllable circuits", () => {
+    const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle when circuit has no switch entity", () => {
+    const noSwitch = {
+      name: "Kitchen",
+      tabs: [1],
+      relay_state: "CLOSED",
+      is_user_controllable: true,
+      entities: { power: "sensor.circuit_a_power" },
+    } as unknown as Circuit;
+    const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const rowMatch = html.match(/<div class="list-row[^"]*"([^>]*)>/);
+    expect(rowMatch).not.toBeNull();
+    const attrs = rowMatch?.[1] ?? "";
+    expect(attrs).toContain('data-uuid="uuid-42"');
+    expect(attrs).toContain('data-row-uuid="uuid-42"');
+  });
+});

From ee4da8ce5d79f66b6876f628ddcb751800a328dd Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:32:47 -0700
Subject: [PATCH 12/97] fix(list): scope dom-updater circuit selector to
 .circuit-slot

---
 src/core/dom-updater.ts   | 2 +-
 src/core/list-renderer.ts | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/core/dom-updater.ts b/src/core/dom-updater.ts
index 18f071f..29452f8 100644
--- a/src/core/dom-updater.ts
+++ b/src/core/dom-updater.ts
@@ -143,7 +143,7 @@ export function updateCircuitDOM(
   const showCurrent = chartMetric.entityRole === "current";
 
   for (const [uuid, circuit] of Object.entries(topology.circuits)) {
-    const slot = root.querySelector(`[data-uuid="${uuid}"]`);
+    const slot = root.querySelector(`.circuit-slot[data-uuid="${uuid}"]`);
     if (!slot) continue;
 
     const entityId = circuit.entities?.power;
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index daad129..50ce501 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -158,10 +158,9 @@ export function buildExpandedChartHTML(
   uuid: string,
   circuit: Circuit,
   hass: HomeAssistant,
-  config: CardConfig,
+  _config: CardConfig,
   monitoringInfo: MonitoringPointInfo | null
 ): string {
-  void config;
   const powerEid = circuit.entities?.power;
   const powerState = powerEid ? hass.states[powerEid] : null;
   const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;

From 88a25f67374e888c11e73add6c3f92aafb056469 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:34:29 -0700
Subject: [PATCH 13/97] fix(dashboard): accept .list-status-toggle as a toggle
 target

---
 src/core/dashboard-controller.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index b67e74c..816a019 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -327,7 +327,7 @@ export class DashboardController {
 
   onToggleClick(ev: Event, root: DOMRoot): void {
     const target = ev.target as HTMLElement | null;
-    const pill = target?.closest(".toggle-pill");
+    const pill = target?.closest(".toggle-pill, .list-status-toggle");
     if (!pill) return;
     const cb = root.querySelector(".slide-confirm");
     if (!cb || !cb.classList.contains("confirmed")) return;

From a1c38371d34ee534fc7c0a9602e3a9f2caeaa68b Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:36:56 -0700
Subject: [PATCH 14/97] style: list-row gear, tappable badge, chart-only slot

---
 src/card/card-styles.ts | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 488344a..0db9840 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -538,6 +538,14 @@ export const CARD_STYLES: string = `
     flex-shrink: 0;
   }
 
+  .list-status-badge.list-status-toggle {
+    cursor: pointer;
+    user-select: none;
+  }
+  .list-status-badge.list-status-toggle:hover {
+    filter: brightness(1.15);
+  }
+
   .list-status-on {
     color: #4dd9af;
   }
@@ -570,10 +578,23 @@ export const CARD_STYLES: string = `
     transform: rotate(180deg);
   }
 
+  .list-row .gear-icon {
+    background: transparent;
+    border: none;
+    padding: 2px;
+    cursor: pointer;
+    color: #555;
+    display: inline-flex;
+    align-items: center;
+  }
+  .list-row .gear-icon:hover {
+    color: var(--primary-text-color);
+  }
+
   /* ── Expanded circuit content ──────────────────────────── */
 
   .list-expanded-content {
-    padding: 12px;
+    padding: 0;
     background: var(--card-background-color, #1c1c1c);
     border: 1px solid var(--divider-color, #333);
     border-top: none;
@@ -582,10 +603,12 @@ export const CARD_STYLES: string = `
     margin-bottom: 2px;
   }
 
-  .list-expanded-content .circuit-slot {
+  .circuit-slot.circuit-chart-only {
     border: none;
     margin: 0;
     background: none;
+    padding: 8px 12px;
+    min-height: 0;
   }
 
   /* ── Area headers ──────────────────────────────────────── */

From 661a5f0f4e17cb763f55f26711ebbd0b258cb120 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 14:50:28 -0700
Subject: [PATCH 15/97] fix(list): enable slide-confirm for tappable badge in
 list views

---
 src/card/span-panel-card.ts | 4 ++--
 src/core/header-renderer.ts | 8 +++++---
 src/panel/span-panel.ts     | 6 +++---
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 1951f72..5941d8d 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -338,12 +338,12 @@ export class SpanPanelCard extends LitElement {
       this._ctrl.setupResizeObserver(this.shadowRoot!, this.shadowRoot!.querySelector("ha-card"));
     } else if (this._activeTab === "activity") {
       container.innerHTML = "";
-      const listHeaderHTML = buildHeaderHTML(this._topology, this._config, { showSwitches: false });
+      const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
       this._listCtrl.renderActivityView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     } else if (this._activeTab === "area") {
       container.innerHTML = "";
-      const listHeaderHTML = buildHeaderHTML(this._topology, this._config, { showSwitches: false });
+      const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
       this._listCtrl.renderAreaView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     }
diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 8875c95..80dcbf6 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -5,9 +5,11 @@ import type { PanelTopology, CardConfig, SheddingPriorityDef } from "../types.js
 
 export interface HeaderRenderOptions {
   /**
-   * Include the slide-to-enable switches control. Only the By Panel
-   * tab renders the breaker grid with circuit toggles, so the other
-   * tabs should omit this control to avoid a non-functional button.
+   * Include the slide-to-enable switches control. All tabs that expose
+   * toggleable circuit controls (the By Panel breaker grid and the By
+   * Activity / By Area list views with their tappable ON/OFF badges)
+   * should render this control so taps require explicit user arming.
+   * Set false only if the view has no toggleable circuit controls.
    */
   showSwitches?: boolean;
 }
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index d073524..b6c20c1 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -647,11 +647,11 @@ export class SpanPanelElement extends LitElement {
 
   /**
    * Build the persistent panel-stats header HTML for the current real
-   * panel. Omits the "Enable Switches" slide-to-confirm in list/monitoring
-   * views where breaker toggles aren't rendered anyway.
+   * panel, including the slide-to-confirm switches control so tappable
+   * ON/OFF badges in list views require explicit user arming.
    */
   private _buildCurrentPanelHeaderHTML(topology: PanelTopology, config: CardConfig): string {
-    return buildHeaderHTML(topology, config, { showSwitches: false });
+    return buildHeaderHTML(topology, config);
   }
 
   /**

From 798d1e286af49febab290f41de1f90bef25eaabd Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:00:47 -0700
Subject: [PATCH 16/97] fix(favorites): merge monitoring status across entries
 for utilization %

---
 src/core/dashboard-controller.ts | 13 +++++-
 src/core/monitoring-status.ts    | 20 +++++++++
 src/panel/span-panel.ts          |  5 ++-
 tests/monitoring-status.test.ts  | 76 +++++++++++++++++++++++++++++++-
 4 files changed, 110 insertions(+), 4 deletions(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 816a019..cd0fc39 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -4,7 +4,7 @@ import { getHorizonDurationMs, getMaxHistoryPoints, getMinGapMs, recordSample }
 import { loadHistory, collectSubDeviceEntityIds } from "./history-loader.js";
 import { updateCircuitDOM, updateSubDeviceDOM } from "./dom-updater.js";
 import { getEffectiveHorizon, getEffectiveSubDeviceHorizon } from "./graph-settings.js";
-import { MonitoringStatusCache } from "./monitoring-status.js";
+import { MonitoringStatusCache, mergeMonitoringStatuses } from "./monitoring-status.js";
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 
@@ -157,6 +157,17 @@ export class DashboardController {
     }
   }
 
+  /**
+   * Fetch monitoring status for each of the given config entries in parallel
+   * and merge the results. Used by the Favorites view, which can span
+   * multiple panels. Returns null if every per-entry fetch fails.
+   */
+  async fetchMergedMonitoringStatus(entryIds: readonly string[]): Promise<MonitoringStatus | null> {
+    if (!this._hass || entryIds.length === 0) return null;
+    const statuses = await Promise.all(entryIds.map(eid => this._fetchMonitoringStatusFresh(eid)));
+    return mergeMonitoringStatuses(statuses);
+  }
+
   /**
    * Build horizon maps for the Favorites pseudo-panel by fetching graph
    * settings per contributing config entry in parallel, then routing
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index d78e99c..72915c6 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -65,6 +65,26 @@ export class MonitoringStatusCache {
   }
 }
 
+/**
+ * Merge multiple MonitoringStatus results into one. Null entries are
+ * skipped. Returns null only if every input is null. Later entries
+ * overwrite earlier ones on key collision, which is fine because circuit
+ * and mains keys are globally-unique entity IDs across config entries.
+ */
+export function mergeMonitoringStatuses(statuses: readonly (MonitoringStatus | null | undefined)[]): MonitoringStatus | null {
+  let hasAny = false;
+  const circuits: Record<string, MonitoringPointInfo> = {};
+  const mains: Record<string, MonitoringPointInfo> = {};
+  for (const status of statuses) {
+    if (!status) continue;
+    hasAny = true;
+    if (status.circuits) Object.assign(circuits, status.circuits);
+    if (status.mains) Object.assign(mains, status.mains);
+  }
+  if (!hasAny) return null;
+  return { circuits, mains };
+}
+
 /**
  * Get monitoring info for a specific circuit entity.
  */
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index b6c20c1..760650e 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -842,6 +842,7 @@ export class SpanPanelElement extends LitElement {
     const config = this._buildDashboardConfig();
     this._listDashCtrl.init(merged, config, this.hass, primaryEntryId);
     await this._listDashCtrl.fetchAndBuildHorizonMaps();
+    const monitoringStatus = await this._listDashCtrl.fetchMergedMonitoringStatus(build.entryIds);
 
     const summaryHTML = this._buildFavoritesSummaryHTML();
     const subDevicesHTML = hasSubDevices
@@ -852,9 +853,9 @@ export class SpanPanelElement extends LitElement {
     const headerHTML = summaryHTML + subDevicesHTML;
     try {
       if (viewName === "activity") {
-        this._listCtrl.renderActivityView(container, this.hass, merged as FavoritesTopology, config, null, headerHTML);
+        this._listCtrl.renderActivityView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
       } else {
-        this._listCtrl.renderAreaView(container, this.hass, merged as FavoritesTopology, config, null, headerHTML);
+        this._listCtrl.renderAreaView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
       }
       container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
       await this._listDashCtrl.loadHistory();
diff --git a/tests/monitoring-status.test.ts b/tests/monitoring-status.test.ts
index eb818c0..71d0cf5 100644
--- a/tests/monitoring-status.test.ts
+++ b/tests/monitoring-status.test.ts
@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { getCircuitMonitoringInfo, hasCustomOverrides, getUtilizationClass, isAlertActive } from "../src/core/monitoring-status.js";
+import { getCircuitMonitoringInfo, hasCustomOverrides, getUtilizationClass, isAlertActive, mergeMonitoringStatuses } from "../src/core/monitoring-status.js";
 import type { MonitoringPointInfo, MonitoringStatus } from "../src/types.js";
 
 describe("getCircuitMonitoringInfo", () => {
@@ -103,3 +103,77 @@ describe("isAlertActive", () => {
     expect(isAlertActive(info)).toBe(true);
   });
 });
+
+describe("mergeMonitoringStatuses", () => {
+  it("returns null when input is empty", () => {
+    expect(mergeMonitoringStatuses([])).toBeNull();
+  });
+
+  it("returns null when every input is null", () => {
+    expect(mergeMonitoringStatuses([null, null, undefined])).toBeNull();
+  });
+
+  it("returns the single status when only one is non-null", () => {
+    const status: MonitoringStatus = {
+      circuits: { "sensor.a_power": { utilization_pct: 40 } },
+      mains: {},
+    };
+    expect(mergeMonitoringStatuses([status])).toEqual({
+      circuits: { "sensor.a_power": { utilization_pct: 40 } },
+      mains: {},
+    });
+  });
+
+  it("merges circuit maps across multiple statuses", () => {
+    const s1: MonitoringStatus = {
+      circuits: { "sensor.a_power": { utilization_pct: 40 } },
+    };
+    const s2: MonitoringStatus = {
+      circuits: { "sensor.b_power": { utilization_pct: 60 } },
+    };
+    const merged = mergeMonitoringStatuses([s1, s2]);
+    expect(merged?.circuits).toEqual({
+      "sensor.a_power": { utilization_pct: 40 },
+      "sensor.b_power": { utilization_pct: 60 },
+    });
+  });
+
+  it("merges mains maps across multiple statuses", () => {
+    const s1: MonitoringStatus = {
+      mains: { "sensor.main_a": { utilization_pct: 50 } },
+    };
+    const s2: MonitoringStatus = {
+      mains: { "sensor.main_b": { utilization_pct: 70 } },
+    };
+    const merged = mergeMonitoringStatuses([s1, s2]);
+    expect(merged?.mains).toEqual({
+      "sensor.main_a": { utilization_pct: 50 },
+      "sensor.main_b": { utilization_pct: 70 },
+    });
+  });
+
+  it("skips null entries while merging the rest", () => {
+    const s1: MonitoringStatus = {
+      circuits: { "sensor.a_power": { utilization_pct: 40 } },
+    };
+    const s2: MonitoringStatus = {
+      circuits: { "sensor.b_power": { utilization_pct: 60 } },
+    };
+    const merged = mergeMonitoringStatuses([s1, null, s2, undefined]);
+    expect(merged?.circuits).toEqual({
+      "sensor.a_power": { utilization_pct: 40 },
+      "sensor.b_power": { utilization_pct: 60 },
+    });
+  });
+
+  it("later entries overwrite earlier ones on key collision", () => {
+    const s1: MonitoringStatus = {
+      circuits: { "sensor.a_power": { utilization_pct: 10 } },
+    };
+    const s2: MonitoringStatus = {
+      circuits: { "sensor.a_power": { utilization_pct: 99 } },
+    };
+    const merged = mergeMonitoringStatuses([s1, s2]);
+    expect(merged?.circuits?.["sensor.a_power"]?.utilization_pct).toBe(99);
+  });
+});

From 8e62a8f8c97fb006b32bd181c6efa0585e6c35ae Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:06:59 -0700
Subject: [PATCH 17/97] fix(list): move utilization % next to breaker badge

---
 src/core/list-renderer.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 50ce501..817fb87 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -132,9 +132,9 @@ export function buildListRowHTML(
     <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
          data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
       ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
+      ${utilizationHTML}
       <span class="list-circuit-name">${name}</span>
       ${sheddingHTML}
-      ${utilizationHTML}
       ${statusBadge}
       <span class="list-power-value">
         ${valueHTML}
@@ -149,7 +149,7 @@ export function buildListRowHTML(
 
 /**
  * Build the chart-only expanded content for a list row. The collapsed
- * list row already shows breaker / name / shedding / utilization / status /
+ * list row already shows breaker / utilization / name / shedding / status /
  * power, so the expanded area only needs to surface the chart. State-
  * visualization classes (off, producer, alert, custom monitoring) still
  * apply to the wrapping slot so border/background signaling is preserved.

From 37ed62aba2a35615ff051eb2bcf0061d2e52f49a Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:12:29 -0700
Subject: [PATCH 18/97] fix(grid): move utilization % next to breaker badge in
 By Panel view

---
 src/core/grid-renderer.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/grid-renderer.ts b/src/core/grid-renderer.ts
index 81905b3..4310821 100644
--- a/src/core/grid-renderer.ts
+++ b/src/core/grid-renderer.ts
@@ -203,6 +203,7 @@ export function renderCircuitSlot(
       <div class="circuit-header">
         <div class="circuit-info">
           ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
+          ${utilizationHTML}
           <span class="circuit-name">${name}</span>
         </div>
         <div class="circuit-controls">
@@ -223,7 +224,6 @@ export function renderCircuitSlot(
       </div>
       <div class="circuit-status">
         ${sheddingHTML}
-        ${utilizationHTML}
         ${gearHTML}
       </div>
       <div class="chart-container"></div>

From ea817434a2dde4cef7f4dbdc9874c5d02ac38265 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:19:55 -0700
Subject: [PATCH 19/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 12 ++++++------
 dist/span-panel.js      |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index c96d3fa..d76c063 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),E=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:$,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:M,getPrototypeOf:P}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,H=(e,t)=>e,T={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!$(e,t),F={attribute:!0,type:String,converter:T,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),$=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:E,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:M,getPrototypeOf:P}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,H=(e,t)=>e,T={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!E(e,t),F={attribute:!0,type:String,converter:T,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...M(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:T).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:T;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[H("elementProperties")]=new Map,O[H("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...M(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:T).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:T;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[H("elementProperties")]=new Map,O[H("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -20,7 +20,7 @@ const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{create
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Ee extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}Ee._$litElement$=!0,Ee.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:Ee});const $e=Ce.litElementPolyfillSupport;$e?.({LitElement:Ee}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */class $e extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}$e._$litElement$=!0,$e.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:$e});const Ee=Ce.litElementPolyfillSupport;Ee?.({LitElement:$e}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Be(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),E=je(r);let $;if("current"===E.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;$=`<strong>${E.format(n)}</strong><span class="power-unit">A</span>`}else $=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),M=A?m:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${M};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let L="";if(null!=d?.utilization_pct){const e=d.utilization_pct;L=`<span class="utilization ${Ge(d)}">${Math.round(e)}%</span>`}const N=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${v?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${N?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${$}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${L}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ve(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Qe={names:["power","battery power"],suffixes:["_power"]},Je={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Xe={names:["state of energy"],suffixes:["_soe_kwh"]},Ke={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function Ze(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function Ye(e){return Ze(e,Qe)}function et(e){return Ze(e,Je)}function tt(e){return Ze(e,Xe)}function it(e){return Ze(e,Ke)}function nt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function st(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ot(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function at(e){const t=a[e];return t?t.ms:a[o].ms}function rt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ct(e){return Math.max(500,Math.floor(e/5e3))}function lt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ht(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function pt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=rt(n),c=ct(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,dt(t,r,c))}}}function ut(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:Ye(n)};n.type===d&&(e.soc=et(n),e.soe=tt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function gt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?at(s.get(e)):ot(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of ut(t)){let t;t=o&&o.has(s)?at(o.get(s)):ot(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ht(e,i.entityIds,i.uuidByEntity,t,n)):r.push(pt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function _t(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function ft(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ot(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,E=i.querySelector(".shedding-icon");E&&(E.setAttribute("icon",C.icon),E.style.color=C.color,E.title=C.label());const $=i.querySelector(".shedding-icon-secondary");$&&(C.icon2?($.setAttribute("icon",C.icon2),$.style.color=C.color,$.style.display=""):$.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?at(a.get(s)):r,p=d.device_type===l;_t(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class mt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function vt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function bt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class yt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new mt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,vt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,bt(n,s))}}async loadHistory(){await gt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(n),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of ut(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=at(s),d=rt(l),h=ct(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||lt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of ut(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await gt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ot(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=Ye(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");_t(e,t,r,o?.has(n)?at(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function wt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function xt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",v=Le(t.name||n("grid.unknown")),b=je(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else w="";const x=a||"unknown";let S="";if("unknown"!==x){const e=f[x]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${Ge(o)}">${Math.round(e)}%</span>`}const E=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}" data-row-uuid="${Le(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      <span class="list-circuit-name">${v}</span>\n      ${S}\n      ${C}\n      ${E}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function St(e,t,i,n,s,o){const a=Be(e,t,0,"1","single",i,n,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${Le(e)}">${a}</div>`}function Ct(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function Et(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function $t(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function zt(e,t,i,n){const s=Et(e,i,n),o=Et(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function kt(e,t,i){return e.sort((e,n)=>zt(e[1],n[1],t,i))}function At(e){return e.entities?.current??e.entities?.power??""}class Mt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=kt(Object.entries(i.circuits),t,n);let r=o+wt(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,At(i)),a=$t(i,t),c=this._expandedUuids.has(e);r+=xt(e,i,t,n,o,a,c),c&&(r+=St(e,i,t,n,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+wt(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=kt(i,t,s);d+=Ct(e);for(const[e,i]of n){const n=We(o,At(i)),a=$t(i,t),r=this._expandedUuids.has(e);d+=xt(e,i,t,s,n,a,r),r&&(d+=St(e,i,t,s,n,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=Et(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>zt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,n)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,At(n)),o=$t(n,this._hass),a=St(e,n,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Pt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Lt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Nt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Dt="favorites-changed";async function It(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ht=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Tt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await It(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Dt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await It(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Dt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ht){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Tt)}catch{}const Rt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Ft=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new yt,this._listCtrl=new Mt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(vt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill, .list-status-toggle");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?" list-status-toggle":"",A=g?`<span class="list-status-badge list-status-on${k}">ON</span>`:`<span class="list-status-badge list-status-off${k}">OFF</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${A}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=zt(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");if(h){h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c);const e=!1!==r.is_user_controllable&&!!r.entities?.switch;h.classList.toggle("list-status-toggle",e)}e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,n)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill, .list-status-toggle"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -55,7 +55,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Pt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Lt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Nt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Pt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Nt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Lt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Pt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Be(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ve(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Be(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ve(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Be(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=Ye(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?et(s):null,m=g?tt(s):null,v=g?it(s):null,b=nt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=st(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config,{showSwitches:!1});this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Rt.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Nt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Dt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=It((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Nt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=It(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Dt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Nt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Qe(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Je(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Qe(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Je(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Qe(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=tt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?it(s):null,m=g?nt(s):null,v=g?st(s):null,b=ot(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=at(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config);this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config);this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ot.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Ft.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],Ft.prototype,"hass",void 0),v([Me()],Ft.prototype,"_config",void 0),v([Me()],Ft.prototype,"_discovered",void 0),v([Me()],Ft.prototype,"_discovering",void 0),v([Me()],Ft.prototype,"_discoveryError",void 0),v([Me()],Ft.prototype,"_topology",void 0),v([Me()],Ft.prototype,"_activeTab",void 0),Ft=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Ft);class Ot extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Ot)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Me()],jt.prototype,"_config",void 0),v([Me()],jt.prototype,"_discovered",void 0),v([Me()],jt.prototype,"_discovering",void 0),v([Me()],jt.prototype,"_discoveryError",void 0),v([Me()],jt.prototype,"_topology",void 0),v([Me()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index e44dc8b..1f0c70f 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function nt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&function(e){return!!e&&void 0!==e.continuous_threshold_pct}(d),P=A?f:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let T="";if(null!=d?.utilization_pct){const e=d.utilization_pct;T=`<span class="utilization ${tt(d)}">${Math.round(e)}%</span>`}const I=function(e){return!!e&&null!=e.over_threshold_since}(d);return`\n    <div class="circuit-slot ${w?"":"circuit-off"} ${m?"circuit-producer":""} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""} ${I?"circuit-alert":""} ${A?"circuit-custom-monitoring":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${T}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const st={names:["power","battery power"],suffixes:["_power"]},ot={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},at={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function lt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ct(e){return lt(e,st)}function dt(e){return lt(e,ot)}function ht(e){return lt(e,at)}function pt(e){return lt(e,rt)}function ut(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ct(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?dt(s):null,v=g?ht(s):null,m=g?pt(s):null,b=gt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=_t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function gt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function _t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function ft(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function vt(e){const t=o[e];return t?t.ms:o[s].ms}function mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function bt(e){return Math.max(500,Math.floor(e/5e3))}function yt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function wt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function xt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function $t(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=mt(i),l=bt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,wt(t,r,l))}}}function St(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ct(i)};i.type===c&&(e.soc=dt(i),e.soe=ht(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ct(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?vt(s.get(e)):ft(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of St(t)){let t;t=o&&o.has(s)?vt(o.get(s)):ft(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(xt(e,n.entityIds,n.uuidByEntity,t,i)):r.push($t(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Et(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function kt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=ft(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?vt(a.get(s)):c,p=d.device_type===l;Et(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class zt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function At(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Pt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Mt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new zt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,At(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,At(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await Ct(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(i),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of St(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=vt(a),d=mt(c),h=bt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||yt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of St(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Ct(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(kt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=ft(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ct(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Et(e,t,r,o?.has(i)?vt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Tt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 12px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .list-expanded-content .circuit-slot {\n    border: none;\n    margin: 0;\n    background: none;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class It{constructor(){this._ctrl=new Mt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=nt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=nt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=nt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ut(a,t,s);e.innerHTML=`\n      <style>${Tt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Dt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Nt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Lt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Ht="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ft="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Rt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Ot{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Rt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Rt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Rt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Rt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Nt}">\n            </div>\n            <div style="${Dt}">\n              <span style="${Lt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Nt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ft}">\n            </div>\n\n            <div style="${Dt}">\n              <span style="${Ht}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ft}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Ht}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,f=t.breaker_rating_a,v=f?`${Math.round(f)}A`:"",m=De(t.name||n("grid.unknown")),b=Ke(s),y="current"===b.entityRole;let w;if(g)if(y){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;w=`<strong>${b.format(s)}</strong><span class="power-unit">A</span>`}else w=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else w="";const x=a||"unknown";let $="";if("unknown"!==x){const e=_[x]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let S="";if(null!=o?.utilization_pct){const e=o.utilization_pct;S=`<span class="utilization ${tt(o)}">${Math.round(e)}%</span>`}const C=g?'<span class="list-status-badge list-status-on">ON</span>':'<span class="list-status-badge list-status-off">OFF</span>';return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}" data-row-uuid="${De(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      <span class="list-circuit-name">${m}</span>\n      ${$}\n      ${S}\n      ${C}\n      <span class="list-power-value">\n        ${w}\n      </span>\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ut(e,t,n,i,s,o){const a=nt(e,t,0,"1","single",n,i,s,o,!0);return`<div class="list-expanded-content" data-expanded-uuid="${De(e)}">${a}</div>`}function Gt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Vt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Wt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Bt(e,t,n,i){const s=Vt(e,n,i),o=Vt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Qt(e,t,n){return e.sort((e,i)=>Bt(e[1],i[1],t,n))}function Jt(e){return e.entities?.current??e.entities?.power??""}class Xt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Qt(Object.entries(n.circuits),t,i);let r=o+qt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Jt(n)),a=Wt(n,t),l=this._expandedUuids.has(e);r+=jt(e,n,t,i,o,a,l),l&&(r+=Ut(e,n,t,i,o,a))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+qt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Qt(n,t,s);d+=Gt(e);for(const[e,n]of i){const i=et(o,Jt(n)),a=Wt(n,t),r=this._expandedUuids.has(e);d+=jt(e,n,t,s,i,a,r),r&&(d+=Ut(e,n,t,s,i,a))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Vt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");h&&(h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Bt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,n,i)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Jt(i)),o=Wt(i,this._hass),a=Ut(e,i,this._hass,this._config,s,o);t.insertAdjacentHTML("afterend",a),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Kt(e,t){return`${e}|${t}`}class Zt{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Kt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Kt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const Yt="favorites",en="span_panel_favorites_view_state";function tn(e){try{localStorage.setItem(en,JSON.stringify(e))}catch{}}let nn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new It,this._monitoringTab=new Ot,this._listDashCtrl=new Mt,this._listCtrl=new Xt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new Zt,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){return!!e&&void 0!==e.continuous_threshold_pct}function nt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),tt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function st(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&tt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${nt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${it(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ot(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const at={names:["power","battery power"],suffixes:["_power"]},rt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},lt={names:["state of energy"],suffixes:["_soe_kwh"]},ct={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function dt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ht(e){return dt(e,at)}function pt(e){return dt(e,rt)}function ut(e){return dt(e,lt)}function gt(e){return dt(e,ct)}function _t(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ht(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?pt(s):null,v=g?ut(s):null,m=g?gt(s):null,b=ft(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=vt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function ft(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function vt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function mt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function bt(e){const t=o[e];return t?t.ms:o[s].ms}function yt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function wt(e){return Math.max(500,Math.floor(e/5e3))}function xt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function $t(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function St(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=yt(i),l=wt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,$t(t,r,l))}}}function Et(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ht(i)};i.type===c&&(e.soc=pt(i),e.soe=ut(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function kt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?bt(s.get(e)):mt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Et(t)){let t;t=o&&o.has(s)?bt(o.get(s)):mt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(St(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function zt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function At(e,t,i,s,o,a){if(!e||!i||!t)return;const c=mt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?bt(a.get(s)):c,p=d.device_type===l;zt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Pt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Mt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Tt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class It{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new Pt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Mt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Tt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Mt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Tt(i,s))}}async loadHistory(){await kt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(i),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Et(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(a),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Et(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await kt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(At(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=mt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ht(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");zt(e,t,r,o?.has(i)?bt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill, .list-status-toggle");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Nt{constructor(){this._ctrl=new It,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=st(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ot(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=st(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ot(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=st(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=_t(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Lt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ft="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function qt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class jt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ot}">\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ot}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Ut(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Gt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ke(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${nt(o)}">${Math.round(e)}%</span>`}const E=!!o&&tt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?" list-status-toggle":"",A=g?`<span class="list-status-badge list-status-on${z}">ON</span>`:`<span class="list-status-badge list-status-off${z}">OFF</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${A}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=it(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Wt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Bt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Qt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Jt(e,t,n,i){const s=Bt(e,n,i),o=Bt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Xt(e,t,n){return e.sort((e,i)=>Jt(e[1],i[1],t,n))}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Ut(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Kt(n)),a=Qt(n,t),l=this._expandedUuids.has(e);r+=Gt(e,n,t,i,o,a,l),l&&(r+=Vt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Ut(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Wt(e);for(const[e,n]of i){const i=et(o,Kt(n)),a=Qt(n,t),r=this._expandedUuids.has(e);d+=Gt(e,n,t,s,i,a,r),r&&(d+=Vt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Bt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");if(h){h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l);const e=!1!==r.is_user_controllable&&!!r.entities?.switch;h.classList.toggle("list-status-toggle",e)}e.classList.toggle("circuit-off",!l)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Jt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,n,i)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill, .list-status-toggle"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Kt(i)),o=Vt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Nt,this._monitoringTab=new jt,this._listDashCtrl=new It,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===Yt}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,tn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,tn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==Yt).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(en);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===Yt){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:Yt,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===Yt;this._favorites=t;const i=this._panels.filter(e=>e.id!==Yt);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(en)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t,{showSwitches:!1})}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),t=n(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),i="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${i?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${i?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==Yt),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ut(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,null,p):this._listCtrl.renderAreaView(e,this.hass,s,h,null,p),e.insertAdjacentHTML("afterbegin",`<style>${Tt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Ot;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};nn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),t=n(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),i="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${i?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${i?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -185,4 +185,4 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],nn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],nn.prototype,"narrow",void 0),v([ze()],nn.prototype,"_panels",void 0),v([ze()],nn.prototype,"_selectedPanelId",void 0),v([ze()],nn.prototype,"_activeTab",void 0),v([ze()],nn.prototype,"_discovered",void 0),v([ze()],nn.prototype,"_discoveryError",void 0),v([ze()],nn.prototype,"_chartMetric",void 0),v([ze()],nn.prototype,"_favorites",void 0),nn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],nn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let sn=!1;const on=nn.prototype.connectedCallback;nn.prototype.connectedCallback=function(){sn=!0,on.call(this)};const an=nn.prototype.disconnectedCallback;nn.prototype.disconnectedCallback=function(){sn=!1,an.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(sn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{sn||location.reload()},200))});
+  `,v([ke({attribute:!1})],on.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],on.prototype,"narrow",void 0),v([ze()],on.prototype,"_panels",void 0),v([ze()],on.prototype,"_selectedPanelId",void 0),v([ze()],on.prototype,"_activeTab",void 0),v([ze()],on.prototype,"_discovered",void 0),v([ze()],on.prototype,"_discoveryError",void 0),v([ze()],on.prototype,"_chartMetric",void 0),v([ze()],on.prototype,"_favorites",void 0),on=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],on),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let an=!1;const rn=on.prototype.connectedCallback;on.prototype.connectedCallback=function(){an=!0,rn.call(this)};const ln=on.prototype.disconnectedCallback;on.prototype.disconnectedCallback=function(){an=!1,ln.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(an||window.location.pathname.includes("span-panel")&&setTimeout(()=>{an||location.reload()},200))});

From 63ee065bb145419e2a00fc69ed02adac5309019e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:23:09 -0700
Subject: [PATCH 20/97] style: move panel tabs inline with panel selector
 dropdown

---
 src/panel/span-panel.ts | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 760650e..4fc475b 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -134,6 +134,10 @@ export class SpanPanelElement extends LitElement {
       margin: 0 0 0 24px;
       line-height: 20px;
       flex-grow: 1;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      min-width: 0;
     }
     .panel-selector select {
       color: inherit;
@@ -150,10 +154,13 @@ export class SpanPanelElement extends LitElement {
       color: var(--primary-text-color);
     }
     .panel-tabs {
-      margin-left: max(env(safe-area-inset-left), 24px);
-      margin-right: max(env(safe-area-inset-right), 24px);
       display: flex;
       gap: 0;
+      overflow-x: auto;
+      scrollbar-width: none;
+    }
+    .panel-tabs::-webkit-scrollbar {
+      display: none;
     }
     .panel-tab {
       padding: 8px 20px;
@@ -348,10 +355,9 @@ export class SpanPanelElement extends LitElement {
                 ${this._panels.map(p => html` <option value=${p.id} ?selected=${p.id === this._selectedPanelId}>${p.name_by_user || p.name || p.id}</option> `)}
               </select>
             </span>
+            <div class="panel-tabs" @click=${this._onTabClick}>${unsafeHTML(buildTabBarHTML(this._buildTabList(), this._activeTab, "text"))}</div>
           </div>
         </div>
-
-        <div class="panel-tabs" @click=${this._onTabClick}>${unsafeHTML(buildTabBarHTML(this._buildTabList(), this._activeTab, "text"))}</div>
       </div>
 
       <div class="view">

From d324ff81bf55ae6e63b7ab6780c8d5643964932e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:23:18 -0700
Subject: [PATCH 21/97] build: rebuild dist bundle

---
 dist/span-panel.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/dist/span-panel.js b/dist/span-panel.js
index 1f0c70f..0ee0b30 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -56,10 +56,9 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
                 ${this._panels.map(e=>oe` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
-
-        <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
       </div>
 
       <div class="view">
@@ -117,6 +116,10 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       margin: 0 0 0 24px;
       line-height: 20px;
       flex-grow: 1;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      min-width: 0;
     }
     .panel-selector select {
       color: inherit;
@@ -133,10 +136,13 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       color: var(--primary-text-color);
     }
     .panel-tabs {
-      margin-left: max(env(safe-area-inset-left), 24px);
-      margin-right: max(env(safe-area-inset-right), 24px);
       display: flex;
       gap: 0;
+      overflow-x: auto;
+      scrollbar-width: none;
+    }
+    .panel-tabs::-webkit-scrollbar {
+      display: none;
     }
     .panel-tab {
       padding: 8px 20px;

From badfbff577d501d7abf8096ddd8cc40841348054 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:27:05 -0700
Subject: [PATCH 22/97] style: drop redundant Favorites title+count summary

---
 src/i18n.ts             | 10 ----------
 src/panel/span-panel.ts | 12 ++----------
 2 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/src/i18n.ts b/src/i18n.ts
index 9ae0be4..b154075 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -153,8 +153,6 @@ const translations: Record<string, Record<string, string>> = {
 
     // Favorites pseudo-panel
     "panel.favorites": "Favorites",
-    "panel.favorites_summary_one": "1 favorite",
-    "panel.favorites_summary_many": "{circuits} favorites",
 
     // Monitoring status bar
     "status.monitoring": "Monitoring",
@@ -326,8 +324,6 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Guardar en favoritos",
     "sidepanel.favorite_failed": "Error al actualizar favoritos:",
     "panel.favorites": "Favoritos",
-    "panel.favorites_summary_one": "1 favorito",
-    "panel.favorites_summary_many": "{circuits} favoritos",
     "status.monitoring": "Monitoreo",
     "status.circuits": "circuitos",
     "status.mains": "alimentaci\u00f3n",
@@ -491,8 +487,6 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Enregistrer dans les favoris",
     "sidepanel.favorite_failed": "\u00c9chec de la mise \u00e0 jour du favori :",
     "panel.favorites": "Favoris",
-    "panel.favorites_summary_one": "1 favori",
-    "panel.favorites_summary_many": "{circuits} favoris",
     "status.monitoring": "Surveillance",
     "status.circuits": "circuits",
     "status.mains": "alimentation",
@@ -658,8 +652,6 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "\u304a\u6c17\u306b\u5165\u308a\u306b\u4fdd\u5b58",
     "sidepanel.favorite_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u66f4\u65b0\u306b\u5931\u6557:",
     "panel.favorites": "\u304a\u6c17\u306b\u5165\u308a",
-    "panel.favorites_summary_one": "\u304a\u6c17\u306b\u5165\u308a 1 \u4ef6",
-    "panel.favorites_summary_many": "\u304a\u6c17\u306b\u5165\u308a {circuits} \u4ef6",
     "status.monitoring": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0",
     "status.circuits": "\u56de\u8def",
     "status.mains": "\u4e3b\u96fb\u6e90",
@@ -827,8 +819,6 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.save_to_favorites": "Salvar nos favoritos",
     "sidepanel.favorite_failed": "Falha ao atualizar favorito:",
     "panel.favorites": "Favoritos",
-    "panel.favorites_summary_one": "1 favorito",
-    "panel.favorites_summary_many": "{circuits} favoritos",
     "status.monitoring": "Monitoramento",
     "status.circuits": "circuitos",
     "status.mains": "alimenta\u00e7\u00e3o",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 4fc475b..af92d35 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -15,7 +15,7 @@ import { buildHeaderHTML } from "../core/header-renderer.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
 import { escapeHtml } from "../helpers/sanitize.js";
 import { CARD_STYLES } from "../card/card-styles.js";
-import { FAVORITES_CHANGED_EVENT, FavoritesCache, countFavorites, hasAnyFavorites } from "../core/favorites-store.js";
+import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
 import { FavoritesController } from "../core/favorites-controller.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
 
@@ -667,17 +667,9 @@ export class SpanPanelElement extends LitElement {
    * no longer renders its own — the persistent header owns it).
    */
   private _buildFavoritesSummaryHTML(): string {
-    const circuitCount = countFavorites(this._favorites);
-    // Explicit conditional so the i18n validator can statically detect
-    // both keys; dynamic ``t(`panel.favorites_summary_${...}`)`` would
-    // be flagged as unused.
-    const template = circuitCount === 1 ? t("panel.favorites_summary_one") : t("panel.favorites_summary_many");
-    const summary = template.replace("{circuits}", String(circuitCount));
     const isAmpsMode = (this._chartMetric || "power") === "current";
     return `
-      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">
-        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${escapeHtml(t("panel.favorites"))}</div>
-        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${escapeHtml(summary)}</div>
+      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;justify-content:flex-end;">
         <div class="unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
           <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
           <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>

From 544485298b857dcabbc55addc74ce0ee09a078b3 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:27:08 -0700
Subject: [PATCH 23/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 2 +-
 dist/span-panel.js      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index d76c063..79a77e2 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 0ee0b30..eed944a 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","panel.favorites_summary_one":"1 favorite","panel.favorites_summary_many":"{circuits} favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","panel.favorites_summary_one":"1 favori","panel.favorites_summary_many":"{circuits} favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","panel.favorites_summary_one":"お気に入り 1 件","panel.favorites_summary_many":"お気に入り {circuits} 件","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","panel.favorites_summary_one":"1 favorito","panel.favorites_summary_many":"{circuits} favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -94,7 +94,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e=function(e){let t=0;for(const n of Object.values(e))t+=(n.circuits?.length??0)+(n.sub_devices?.length??0);return t}(this._favorites),t=n(1===e?"panel.favorites_summary_one":"panel.favorites_summary_many").replace("{circuits}",String(e)),i="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:16px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div style="font-size:1.1em;font-weight:500;color:var(--primary-text-color);">${De(n("panel.favorites"))}</div>\n        <div style="color:var(--secondary-text-color);font-size:0.9em;flex:1;">${De(t)}</div>\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${i?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${i?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;justify-content:flex-end;">\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }

From 5eaf258c18bf815d37eae38fa29cb1cc4c098b29 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:41:21 -0700
Subject: [PATCH 24/97] feat(list): real toggle-pill armed by slide-confirm;
 add slider to Favorites summary

---
 src/core/dashboard-controller.ts |  2 +-
 src/core/list-renderer.ts        | 18 +++++++++---------
 src/core/list-view-controller.ts | 25 +++++++++++++++++++++----
 src/panel/span-panel.ts          | 10 ++++++++--
 tests/list-renderer.test.ts      | 19 ++++++++++++-------
 5 files changed, 51 insertions(+), 23 deletions(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index cd0fc39..985460d 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -338,7 +338,7 @@ export class DashboardController {
 
   onToggleClick(ev: Event, root: DOMRoot): void {
     const target = ev.target as HTMLElement | null;
-    const pill = target?.closest(".toggle-pill, .list-status-toggle");
+    const pill = target?.closest(".toggle-pill");
     if (!pill) return;
     const cb = root.querySelector(".slide-confirm");
     if (!cb || !cb.classList.contains("confirmed")) return;
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 817fb87..963e2e0 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -118,15 +118,15 @@ export function buildListRowHTML(
   <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
 </button>`;
 
-  // Make the status badge tappable only when the circuit can actually be
-  // toggled. Uses the same gate as the breaker-grid toggle-pill.
+  // Controllable circuits get a real toggle-pill arm-protected by the
+  // header's slide-confirm; non-controllable circuits keep a static badge.
   const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
-  const toggleClass = isToggleable ? " list-status-toggle" : "";
-
-  // ON/OFF badge
-  const statusBadge = isOn
-    ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
-    : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
+  const statusControl = isToggleable
+    ? `<div class="toggle-pill ${isOn ? "toggle-on" : "toggle-off"}">
+        <span class="toggle-label">${isOn ? t("grid.on") : t("grid.off")}</span>
+        <span class="toggle-knob"></span>
+      </div>`
+    : `<span class="list-status-badge ${isOn ? "list-status-on" : "list-status-off"}">${isOn ? "ON" : "OFF"}</span>`;
 
   return `
     <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
@@ -135,7 +135,7 @@ export function buildListRowHTML(
       ${utilizationHTML}
       <span class="list-circuit-name">${name}</span>
       ${sheddingHTML}
-      ${statusBadge}
+      ${statusControl}
       <span class="list-power-value">
         ${valueHTML}
       </span>
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index d6229da..b0a80a2 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -324,14 +324,21 @@ export class ListViewController {
         }
       }
 
-      // Update status badge
+      // Update the status control — real toggle-pill for controllable
+      // circuits, static text badge for the rest. Only one will be
+      // present in any given row.
+      const togglePill = row.querySelector(".toggle-pill") as HTMLElement | null;
+      if (togglePill) {
+        togglePill.classList.toggle("toggle-on", isOn);
+        togglePill.classList.toggle("toggle-off", !isOn);
+        const label = togglePill.querySelector(".toggle-label");
+        if (label) label.textContent = isOn ? t("grid.on") : t("grid.off");
+      }
       const statusBadge = row.querySelector(".list-status-badge") as HTMLElement | null;
       if (statusBadge) {
         statusBadge.textContent = isOn ? "ON" : "OFF";
         statusBadge.classList.toggle("list-status-on", isOn);
         statusBadge.classList.toggle("list-status-off", !isOn);
-        const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
-        statusBadge.classList.toggle("list-status-toggle", isToggleable);
       }
 
       // Toggle circuit-off class
@@ -397,7 +404,7 @@ export class ListViewController {
       }
 
       // Handle toggle pill clicks (delegate to DashboardController for switch control)
-      const togglePill = target.closest(".toggle-pill, .list-status-toggle");
+      const togglePill = target.closest(".toggle-pill");
       if (togglePill) {
         this._ctrl.onToggleClick(ev, container);
         return;
@@ -451,6 +458,16 @@ export class ListViewController {
     container.addEventListener("click", this._clickHandler);
     container.addEventListener("input", this._inputHandler);
     container.addEventListener("graph-settings-changed", this._graphSettingsHandler);
+
+    // Wire the slide-to-arm control rendered in the header so tappable
+    // toggle-pills on the list rows actually fire. Without this the
+    // slide-confirm element renders but never gets the `.confirmed`
+    // class, and onToggleClick silently no-ops.
+    const slideEl = container.querySelector(".slide-confirm");
+    if (slideEl) {
+      this._ctrl.bindSlideConfirm(slideEl, container);
+      container.classList.add("switches-disabled");
+    }
   }
 
   private _unbindEvents(): void {
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index af92d35..992711d 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -669,8 +669,14 @@ export class SpanPanelElement extends LitElement {
   private _buildFavoritesSummaryHTML(): string {
     const isAmpsMode = (this._chartMetric || "power") === "current";
     return `
-      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;justify-content:flex-end;">
-        <div class="unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
+      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">
+        <div class="slide-confirm" data-text-off="${escapeHtml(t("header.enable_switches"))}" data-text-on="${escapeHtml(t("header.switches_enabled"))}">
+          <span class="slide-confirm-text">${escapeHtml(t("header.enable_switches"))}</span>
+          <div class="slide-confirm-knob">
+            <ha-icon icon="mdi:lock"></ha-icon>
+          </div>
+        </div>
+        <div class="unit-toggle" style="margin-left:auto;" title="${escapeHtml(t("header.toggle_units"))}">
           <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
           <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
         </div>
diff --git a/tests/list-renderer.test.ts b/tests/list-renderer.test.ts
index 6530950..57b7996 100644
--- a/tests/list-renderer.test.ts
+++ b/tests/list-renderer.test.ts
@@ -87,7 +87,7 @@ const nonControllableCircuit = {
   entities: { power: "sensor.circuit_b_power" },
 } as unknown as Circuit;
 
-describe("buildListRowHTML gear and tappable badge", () => {
+describe("buildListRowHTML gear and status control", () => {
   it("adds a gear button with data-uuid", () => {
     const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
     expect(html).toContain("gear-icon");
@@ -105,17 +105,21 @@ describe("buildListRowHTML gear and tappable badge", () => {
     expect(toggleIdx).toBeGreaterThan(gearIdx);
   });
 
-  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
+  it("renders a real toggle-pill when circuit is user-controllable and has a switch entity", () => {
     const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).toContain("list-status-toggle");
+    expect(html).toContain("toggle-pill");
+    expect(html).toContain("toggle-knob");
+    expect(html).toContain("toggle-label");
+    expect(html).not.toContain("list-status-badge");
   });
 
-  it("omits list-status-toggle for non-controllable circuits", () => {
+  it("falls back to a static list-status-badge for non-controllable circuits", () => {
     const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
+    expect(html).toContain("list-status-badge");
+    expect(html).not.toContain("toggle-pill");
   });
 
-  it("omits list-status-toggle when circuit has no switch entity", () => {
+  it("falls back to a static list-status-badge when circuit has no switch entity", () => {
     const noSwitch = {
       name: "Kitchen",
       tabs: [1],
@@ -124,7 +128,8 @@ describe("buildListRowHTML gear and tappable badge", () => {
       entities: { power: "sensor.circuit_a_power" },
     } as unknown as Circuit;
     const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
+    expect(html).toContain("list-status-badge");
+    expect(html).not.toContain("toggle-pill");
   });
 
   it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {

From 386196f906c9582d638cd37de40878166337d3ba Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:41:24 -0700
Subject: [PATCH 25/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 2 +-
 dist/span-panel.js      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 79a77e2..01c2205 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(vt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill, .list-status-toggle");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?" list-status-toggle":"",A=g?`<span class="list-status-badge list-status-on${k}">ON</span>`:`<span class="list-status-badge list-status-off${k}">OFF</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${A}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,n){const s=je(n),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=i.circuits[a];if(!r)continue;const{isOn:c,value:l}=zt(r,t,n),d=e.querySelector(".list-power-value");if(d)if(c)if(o)d.innerHTML=`<strong>${s.format(l)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;d.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");if(h){h.textContent=c?"ON":"OFF",h.classList.toggle("list-status-on",c),h.classList.toggle("list-status-off",!c);const e=!1!==r.is_user_controllable&&!!r.entities?.switch;h.classList.toggle("list-status-toggle",e)}e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,n)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill, .list-status-toggle"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(vt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=je(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=zt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
diff --git a/dist/span-panel.js b/dist/span-panel.js
index eed944a..2cf3f14 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){return!!e&&void 0!==e.continuous_threshold_pct}function nt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),tt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function st(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&tt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${nt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${it(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ot(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const at={names:["power","battery power"],suffixes:["_power"]},rt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},lt={names:["state of energy"],suffixes:["_soe_kwh"]},ct={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function dt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ht(e){return dt(e,at)}function pt(e){return dt(e,rt)}function ut(e){return dt(e,lt)}function gt(e){return dt(e,ct)}function _t(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ht(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?pt(s):null,v=g?ut(s):null,m=g?gt(s):null,b=ft(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=vt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function ft(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function vt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function mt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function bt(e){const t=o[e];return t?t.ms:o[s].ms}function yt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function wt(e){return Math.max(500,Math.floor(e/5e3))}function xt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function $t(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function St(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=yt(i),l=wt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,$t(t,r,l))}}}function Et(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ht(i)};i.type===c&&(e.soc=pt(i),e.soe=ut(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function kt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?bt(s.get(e)):mt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Et(t)){let t;t=o&&o.has(s)?bt(o.get(s)):mt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(St(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function zt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function At(e,t,i,s,o,a){if(!e||!i||!t)return;const c=mt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?bt(a.get(s)):c,p=d.device_type===l;zt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Pt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Mt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Tt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class It{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new Pt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Mt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Tt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Mt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Tt(i,s))}}async loadHistory(){await kt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(i),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Et(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(a),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Et(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await kt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(At(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=mt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ht(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");zt(e,t,r,o?.has(i)?bt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill, .list-status-toggle");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Nt{constructor(){this._ctrl=new It,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=st(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ot(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=st(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ot(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=st(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=_t(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Lt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ft="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function qt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class jt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ot}">\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ot}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Ut(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Gt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ke(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${nt(o)}">${Math.round(e)}%</span>`}const E=!!o&&tt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?" list-status-toggle":"",A=g?`<span class="list-status-badge list-status-on${z}">ON</span>`:`<span class="list-status-badge list-status-off${z}">OFF</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${A}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=it(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Wt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Bt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Qt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Jt(e,t,n,i){const s=Bt(e,n,i),o=Bt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Xt(e,t,n){return e.sort((e,i)=>Jt(e[1],i[1],t,n))}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Ut(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Kt(n)),a=Qt(n,t),l=this._expandedUuids.has(e);r+=Gt(e,n,t,i,o,a,l),l&&(r+=Vt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Ut(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Wt(e);for(const[e,n]of i){const i=et(o,Kt(n)),a=Qt(n,t),r=this._expandedUuids.has(e);d+=Gt(e,n,t,s,i,a,r),r&&(d+=Vt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,i){const s=Ke(i),o="current"===s.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const r=n.circuits[a];if(!r)continue;const{isOn:l,value:c}=Bt(r,t,i),d=e.querySelector(".list-power-value");if(d)if(l)if(o)d.innerHTML=`<strong>${s.format(c)}</strong><span class="power-unit">A</span>`;else{const e=r.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;d.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else d.innerHTML="";const h=e.querySelector(".list-status-badge");if(h){h.textContent=l?"ON":"OFF",h.classList.toggle("list-status-on",l),h.classList.toggle("list-status-off",!l);const e=!1!==r.is_user_controllable&&!!r.entities?.switch;h.classList.toggle("list-status-toggle",e)}e.classList.toggle("circuit-off",!l)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Jt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,n,i)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill, .list-status-toggle"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler)}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Kt(i)),o=Vt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Nt,this._monitoringTab=new jt,this._listDashCtrl=new It,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){return!!e&&void 0!==e.continuous_threshold_pct}function nt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),tt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function st(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&tt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${nt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${it(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ot(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const at={names:["power","battery power"],suffixes:["_power"]},rt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},lt={names:["state of energy"],suffixes:["_soe_kwh"]},ct={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function dt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ht(e){return dt(e,at)}function pt(e){return dt(e,rt)}function ut(e){return dt(e,lt)}function gt(e){return dt(e,ct)}function _t(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ht(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?pt(s):null,v=g?ut(s):null,m=g?gt(s):null,b=ft(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=vt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function ft(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function vt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function mt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function bt(e){const t=o[e];return t?t.ms:o[s].ms}function yt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function wt(e){return Math.max(500,Math.floor(e/5e3))}function xt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function $t(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function St(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=yt(i),l=wt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,$t(t,r,l))}}}function Et(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ht(i)};i.type===c&&(e.soc=pt(i),e.soe=ut(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function kt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?bt(s.get(e)):mt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Et(t)){let t;t=o&&o.has(s)?bt(o.get(s)):mt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(St(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function zt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function At(e,t,i,s,o,a){if(!e||!i||!t)return;const c=mt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?bt(a.get(s)):c,p=d.device_type===l;zt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Pt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Mt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Tt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class It{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new Pt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Mt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Tt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Mt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Tt(i,s))}}async loadHistory(){await kt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(i),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Et(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(a),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Et(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await kt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(At(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=mt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ht(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");zt(e,t,r,o?.has(i)?bt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Nt{constructor(){this._ctrl=new It,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=st(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ot(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=st(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ot(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=st(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=_t(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Lt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ft="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function qt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class jt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ot}">\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ot}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Ut(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Gt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ke(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${nt(o)}">${Math.round(e)}%</span>`}const E=!!o&&tt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=it(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Wt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Bt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Qt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Jt(e,t,n,i){const s=Bt(e,n,i),o=Bt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Xt(e,t,n){return e.sort((e,i)=>Jt(e[1],i[1],t,n))}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Ut(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Kt(n)),a=Qt(n,t),l=this._expandedUuids.has(e);r+=Gt(e,n,t,i,o,a,l),l&&(r+=Vt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Ut(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Wt(e);for(const[e,n]of i){const i=et(o,Kt(n)),a=Qt(n,t),r=this._expandedUuids.has(e);d+=Gt(e,n,t,s,i,a,r),r&&(d+=Vt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ke(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Bt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Jt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Kt(i)),o=Vt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Nt,this._monitoringTab=new jt,this._listDashCtrl=new It,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -94,7 +94,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;justify-content:flex-end;">\n        <div class="unit-toggle" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }

From 32e5a9082c57dbb10640f2c5f1bf40d729893748 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:56:07 -0700
Subject: [PATCH 26/97] feat(favorites): render per-panel status grid below
 slider+W/A row

---
 dist/span-panel-card.js          |   4 +-
 dist/span-panel.js               |  12 +--
 src/card/card-styles.ts          |  30 ++++++
 src/core/dom-updater.ts          |  34 ++++--
 src/core/favorites-controller.ts |  16 +++
 src/core/header-renderer.ts      | 176 +++++++++++++++++--------------
 src/panel/span-panel.ts          |  56 +++++++++-
 7 files changed, 225 insertions(+), 103 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 01c2205..4d7cc70 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches,l=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${l?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=i.panel_entities?.site_power;if(e){const i=t.states[e];i&&(s=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(s)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(vt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=je(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=zt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}vt(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=je(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=zt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Me()],jt.prototype,"_config",void 0),v([Me()],jt.prototype,"_discovered",void 0),v([Me()],jt.prototype,"_discovering",void 0),v([Me()],jt.prototype,"_discoveryError",void 0),v([Me()],jt.prototype,"_topology",void 0),v([Me()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Me()],jt.prototype,"_config",void 0),v([Me()],jt.prototype,"_discovered",void 0),v([Me()],jt.prototype,"_discovering",void 0),v([Me()],jt.prototype,"_discoveryError",void 0),v([Me()],jt.prototype,"_topology",void 0),v([Me()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 2cf3f14..aa7d856 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),H={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),F={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:N).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[D("elementProperties")]=new Map,F[D("finalized")]=new Map,I?.({ReactiveElement:F}),(P.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let H=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:N).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[D("elementProperties")]=new Map,H[D("finalized")]=new Map,I?.({ReactiveElement:H}),(P.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -20,7 +20,7 @@ const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{create
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $e=class extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
+ */let $e=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class He{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Fe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches,c=!!e.panel_entities?.site_power,d=!!e.panel_entities?.dsm_state,h=!!e.panel_entities?.current_power,p=!!e.panel_entities?.feedthrough_power,u=!!e.panel_entities?.pv_power,g=!!e.panel_entities?.battery_level;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        <div class="panel-stats">\n          ${c?`\n          <div class="stat stat-consumption">\n            <span class="stat-label">${n("header.site")}</span>\n            <div class="stat-row">\n              <span class="stat-value">0</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${d?`\n          <div class="stat stat-grid-state">\n            <span class="stat-label">${n("header.grid")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n            </div>\n          </div>`:""}\n          ${h?`\n          <div class="stat stat-upstream">\n            <span class="stat-label">${n("header.upstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${p?`\n          <div class="stat stat-downstream">\n            <span class="stat-label">${n("header.downstream")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${u?`\n          <div class="stat stat-solar">\n            <span class="stat-label">${n("header.solar")}</span>\n            <div class="stat-row">\n              <span class="stat-value">--</span>\n              <span class="stat-unit">${r?"A":"kW"}</span>\n            </div>\n          </div>`:""}\n          ${g?`\n          <div class="stat stat-battery">\n            <span class="stat-label">${n("header.battery")}</span>\n            <div class="stat-row">\n              <span class="stat-value">&mdash;</span>\n              <span class="stat-unit">%</span>\n            </div>\n          </div>`:""}\n        </div>\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ge=u.power;function Ve(e){return Ge.unit(e)}function We(e){return(e<0?"-":"")+Ge.format(e)}function Be(e){return(Math.abs(e)/1e3).toFixed(1)}function Qe(e){return Math.ceil(e/2)}function Je(e){return e%2==0?1:0}function Xe(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Qe(t)===Qe(n)?"row-span":Je(t)===Je(n)?"col-span":"row-span"}function Ke(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ze(e,t){const n=function(e){return Ke(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class Ye{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function et(e,t){return e?.circuits?e.circuits[t]??null:null}function tt(e){return!!e&&void 0!==e.continuous_threshold_pct}function nt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function it(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),tt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function st(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ke(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${We(v)}</strong><span class="power-unit">${Ve(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&tt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${nt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${it(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ot(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const at={names:["power","battery power"],suffixes:["_power"]},rt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},lt={names:["state of energy"],suffixes:["_soe_kwh"]},ct={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function dt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function ht(e){return dt(e,at)}function pt(e){return dt(e,rt)}function ut(e){return dt(e,lt)}function gt(e){return dt(e,ct)}function _t(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=ht(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?pt(s):null,v=g?ut(s):null,m=g?gt(s):null,b=ft(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=vt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${We(u)}</strong> <span class="power-unit">${Ve(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function ft(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function vt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function mt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function bt(e){const t=o[e];return t?t.ms:o[s].ms}function yt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function wt(e){return Math.max(500,Math.floor(e/5e3))}function xt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function $t(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function St(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=yt(i),l=wt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,$t(t,r,l))}}}function Et(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:ht(i)};i.type===c&&(e.soc=pt(i),e.soe=ut(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function kt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ze(i,n);if(!t)continue;let o;o=s&&s.has(e)?bt(s.get(e)):mt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Et(t)){let t;t=o&&o.has(s)?bt(o.get(s)):mt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(St(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function zt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function At(e,t,i,s,o,a){if(!e||!i||!t)return;const c=mt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{const e=n.panel_entities?.site_power;if(e){const n=t.states[e];n&&(s=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Be(s)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Be(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Be(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Be(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(e,t,i,s,d);const h=Ke(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${We(f)}</strong><span class="power-unit">${Ve(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?bt(a.get(s)):c,p=d.device_type===l;zt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Pt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Mt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Tt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class It{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ye,this.graphSettingsCache=new Pt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Mt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Tt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Mt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Tt(i,s))}}async loadHistory(){await kt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ze(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(i),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Et(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=bt(a),d=yt(c),h=wt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||xt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Et(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await kt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(At(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=mt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=ht(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${We(i)}</strong> <span class="power-unit">${Ve(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");zt(e,t,r,o?.has(i)?bt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Dt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Nt{constructor(){this._ctrl=new It,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ue(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Xe(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Qe(Math.max(...n));0===Je(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?et(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=st(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ot(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=st(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ot(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=st(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=_t(a,t,s);e.innerHTML=`\n      <style>${Dt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Lt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Ht="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ft="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Rt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Ot="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function qt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class jt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${qt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${qt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${qt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${qt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Ht}">\n            </div>\n            <div style="${Lt}">\n              <span style="${Ft}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Ht}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Ot}">\n            </div>\n\n            <div style="${Lt}">\n              <span style="${Rt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Ot}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Rt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Ut(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Gt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ke(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${We(h)}</strong><span class="power-unit">${Ve(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${nt(o)}">${Math.round(e)}%</span>`}const E=!!o&&tt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Vt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=it(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Wt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Bt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Qt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Jt(e,t,n,i){const s=Bt(e,n,i),o=Bt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Xt(e,t,n){return e.sort((e,i)=>Jt(e[1],i[1],t,n))}function Kt(e){return e.entities?.current??e.entities?.power??""}class Zt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Xt(Object.entries(n.circuits),t,i);let r=o+Ut(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=et(s,Kt(n)),a=Qt(n,t),l=this._expandedUuids.has(e);r+=Gt(e,n,t,i,o,a,l),l&&(r+=Vt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Ut(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Xt(n,t,s);d+=Wt(e);for(const[e,n]of i){const i=et(o,Kt(n)),a=Qt(n,t),r=this._expandedUuids.has(e);d+=Gt(e,n,t,s,i,a,r),r&&(d+=Vt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ke(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Bt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${We(i)}</strong><span class="power-unit">${Ve(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Jt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=et(this._monitoringStatus,Kt(i)),o=Vt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function Yt(e,t){return`${e}|${t}`}class en{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set;for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"",h=t[e],p=h?.circuits??[],u=h?.sub_devices??[];for(const t of p){const n=i.circuits?.[t];if(!n)continue;const l=Yt(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of u){const n=i.sub_devices?.[t];if(!n)continue;const r=Yt(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d)}}}const tn="favorites",nn="span_panel_favorites_view_state";function sn(e){try{localStorage.setItem(nn,JSON.stringify(e))}catch{}}let on=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._dashboardTab=new Nt,this._monitoringTab=new jt,this._listDashCtrl=new It,this._listCtrl=new Zt(this._listDashCtrl),this._favCache=new He,this._favCtrl=new en,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ge(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ue(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ve=u.power;function We(e){return Ve.unit(e)}function Be(e){return(e<0?"-":"")+Ve.format(e)}function Qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Je(e){return Math.ceil(e/2)}function Xe(e){return e%2==0?1:0}function Ke(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Je(t)===Je(n)?"row-span":Xe(t)===Xe(n)?"col-span":"row-span"}function Ze(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ye(e,t){const n=function(e){return Ze(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class et{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function tt(e,t){return e?.circuits?e.circuits[t]??null:null}function nt(e){return!!e&&void 0!==e.continuous_threshold_pct}function it(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function st(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),nt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ze(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Be(v)}</strong><span class="power-unit">${We(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&nt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${it(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${st(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Be(u)}</strong> <span class="power-unit">${We(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ye(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Qe(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Mt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Pt(o,t,n,i,s)}(e,t,i,s,d);const h=Ze(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Be(f)}</strong><span class="power-unit">${We(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Tt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function It(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Dt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new et,this.graphSettingsCache=new Tt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,It(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Dt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,It(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Dt(i,s))}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ye(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Mt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Be(i)}</strong> <span class="power-unit">${We(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Lt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Ft{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ge(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ke(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Je(Math.max(...n));0===Xe(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?tt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Lt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ht="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Rt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Ut(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Gt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Rt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${jt}">\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${jt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${qt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Vt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ze(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Be(h)}</strong><span class="power-unit">${We(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${it(o)}">${Math.round(e)}%</span>`}const E=!!o&&nt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Bt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=st(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Qt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Jt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Xt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Kt(e,t,n,i){const s=Jt(e,n,i),o=Jt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Zt(e,t,n){return e.sort((e,i)=>Kt(e[1],i[1],t,n))}function Yt(e){return e.entities?.current??e.entities?.power??""}class en{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Zt(Object.entries(n.circuits),t,i);let r=o+Vt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=tt(s,Yt(n)),a=Xt(n,t),l=this._expandedUuids.has(e);r+=Wt(e,n,t,i,o,a,l),l&&(r+=Bt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Vt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Zt(n,t,s);d+=Qt(e);for(const[e,n]of i){const i=tt(o,Yt(n)),a=Xt(n,t),r=this._expandedUuids.has(e);d+=Wt(e,n,t,s,i,a,r),r&&(d+=Bt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ze(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Jt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Be(i)}</strong><span class="power-unit">${We(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Kt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=tt(this._monitoringStatus,Yt(i)),o=Bt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function tn(e,t){return`${e}|${t}`}class nn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=tn(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=tn(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const sn="favorites",on="span_panel_favorites_view_state";function an(e){try{localStorage.setItem(on,JSON.stringify(e))}catch{}}let rn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ft,this._monitoringTab=new Gt,this._listDashCtrl=new Nt,this._listCtrl=new en(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new nn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -94,7 +94,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===tn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,sn(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,sn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==tn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(nn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===tn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!Fe(t))return e;return[{id:tn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===tn;this._favorites=t;const i=this._panels.filter(e=>e.id!==tn);if(this._panels=this._buildPanelList(i,t),n&&!Fe(t)){!function(){try{localStorage.removeItem(nn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ue(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==tn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds),u=this._buildFavoritesSummaryHTML()+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${_t(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Dt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new jt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};on.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===sn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,an(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,an(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==sn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(on);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===sn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:sn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===sn;this._favorites=t;const i=this._panels.filter(e=>e.id!==sn);if(this._panels=this._buildPanelList(i,t),n&&!He(t)){!function(){try{localStorage.removeItem(on)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ge(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${Ue(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&Pt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==sn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Gt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};rn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -191,4 +191,4 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],on.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],on.prototype,"narrow",void 0),v([ze()],on.prototype,"_panels",void 0),v([ze()],on.prototype,"_selectedPanelId",void 0),v([ze()],on.prototype,"_activeTab",void 0),v([ze()],on.prototype,"_discovered",void 0),v([ze()],on.prototype,"_discoveryError",void 0),v([ze()],on.prototype,"_chartMetric",void 0),v([ze()],on.prototype,"_favorites",void 0),on=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],on),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let an=!1;const rn=on.prototype.connectedCallback;on.prototype.connectedCallback=function(){an=!0,rn.call(this)};const ln=on.prototype.disconnectedCallback;on.prototype.disconnectedCallback=function(){an=!1,ln.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(an||window.location.pathname.includes("span-panel")&&setTimeout(()=>{an||location.reload()},200))});
+  `,v([ke({attribute:!1})],rn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],rn.prototype,"narrow",void 0),v([ze()],rn.prototype,"_panels",void 0),v([ze()],rn.prototype,"_selectedPanelId",void 0),v([ze()],rn.prototype,"_activeTab",void 0),v([ze()],rn.prototype,"_discovered",void 0),v([ze()],rn.prototype,"_discoveryError",void 0),v([ze()],rn.prototype,"_chartMetric",void 0),v([ze()],rn.prototype,"_favorites",void 0),rn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],rn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let ln=!1;const cn=rn.prototype.connectedCallback;rn.prototype.connectedCallback=function(){ln=!0,cn.call(this)};const dn=rn.prototype.disconnectedCallback;rn.prototype.disconnectedCallback=function(){ln=!1,dn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(ln||window.location.pathname.includes("span-panel")&&setTimeout(()=>{ln||location.reload()},200))});
diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 0db9840..36192b3 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -53,6 +53,36 @@ export const CARD_STYLES: string = `
     gap: 16px 32px;
   }
 
+  /* Favorites view: responsive grid of per-contributing-panel status cards. */
+  .favorites-panel-stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 12px;
+    padding: 12px 24px;
+    border-bottom: 1px solid var(--divider-color, #333);
+  }
+  .favorites-panel-card {
+    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));
+    border: 1px solid var(--divider-color, #333);
+    border-radius: 8px;
+    padding: 10px 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+  .favorites-panel-card-title {
+    font-size: 0.85em;
+    font-weight: 600;
+    color: var(--primary-text-color);
+    opacity: 0.85;
+  }
+  .favorites-panel-card .panel-stats {
+    gap: 10px 20px;
+  }
+  .favorites-panel-card .stat-value {
+    font-size: 1.15em;
+  }
+
   .stat { display: flex; flex-direction: column; }
   .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }
   .stat-row { display: flex; align-items: baseline; gap: 2px; }
diff --git a/src/core/dom-updater.ts b/src/core/dom-updater.ts
index 29452f8..1782c97 100644
--- a/src/core/dom-updater.ts
+++ b/src/core/dom-updater.ts
@@ -18,12 +18,17 @@ import type { HomeAssistant, PanelTopology, CardConfig, HistoryMap, ChartMetricD
 
 // ── Header stats ───────────────────────────────────────────────────────────
 
-function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, topology: PanelTopology, config: CardConfig, totalConsumption: number): void {
+/**
+ * Update a single ``.panel-stats`` block in-place from a specific
+ * topology. Shared between the standard panel header (one block rooted
+ * at the document) and the Favorites view (multiple per-panel blocks).
+ */
+export function updatePanelStatsBlock(scope: Element, hass: HomeAssistant, topology: PanelTopology, config: CardConfig, siteConsumptionFallback: number): void {
   const isAmpsMode = (config.chart_metric || "power") === "current";
 
   // Site / consumption stat
-  const consumptionEl = root.querySelector(".stat-consumption .stat-value");
-  const consumptionUnitEl = root.querySelector(".stat-consumption .stat-unit");
+  const consumptionEl = scope.querySelector(".stat-consumption .stat-value");
+  const consumptionUnitEl = scope.querySelector(".stat-consumption .stat-unit");
   if (isAmpsMode) {
     const siteEid = topology.panel_entities?.site_power;
     const siteState = siteEid ? hass.states[siteEid] : null;
@@ -31,6 +36,7 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
     if (consumptionEl) consumptionEl.textContent = Number.isFinite(amps) ? Math.abs(amps).toFixed(1) : "--";
     if (consumptionUnitEl) consumptionUnitEl.textContent = "A";
   } else {
+    let totalConsumption = siteConsumptionFallback;
     const siteEid = topology.panel_entities?.site_power;
     if (siteEid) {
       const state = hass.states[siteEid];
@@ -41,8 +47,8 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 
   // Upstream stat
-  const upstreamEl = root.querySelector(".stat-upstream .stat-value");
-  const upstreamUnitEl = root.querySelector(".stat-upstream .stat-unit");
+  const upstreamEl = scope.querySelector(".stat-upstream .stat-value");
+  const upstreamUnitEl = scope.querySelector(".stat-upstream .stat-unit");
   if (upstreamEl) {
     const upEid = topology.panel_entities?.current_power;
     const upState = upEid ? hass.states[upEid] : null;
@@ -58,8 +64,8 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 
   // Downstream stat
-  const downstreamEl = root.querySelector(".stat-downstream .stat-value");
-  const downstreamUnitEl = root.querySelector(".stat-downstream .stat-unit");
+  const downstreamEl = scope.querySelector(".stat-downstream .stat-value");
+  const downstreamUnitEl = scope.querySelector(".stat-downstream .stat-unit");
   if (downstreamEl) {
     const downEid = topology.panel_entities?.feedthrough_power;
     const downState = downEid ? hass.states[downEid] : null;
@@ -75,8 +81,8 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 
   // Solar stat — always read from panel-level PV power entity
-  const solarEl = root.querySelector(".stat-solar .stat-value");
-  const solarUnitEl = root.querySelector(".stat-solar .stat-unit");
+  const solarEl = scope.querySelector(".stat-solar .stat-value");
+  const solarUnitEl = scope.querySelector(".stat-solar .stat-unit");
   if (solarEl) {
     const solarEid = topology.panel_entities?.pv_power;
     const solarState = solarEid ? hass.states[solarEid] : null;
@@ -96,7 +102,7 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 
   // Battery SoC (always %)
-  const batteryEl = root.querySelector(".stat-battery .stat-value");
+  const batteryEl = scope.querySelector(".stat-battery .stat-value");
   if (batteryEl) {
     const battEid = topology.panel_entities?.battery_level;
     const battState = battEid ? hass.states[battEid] : null;
@@ -104,7 +110,7 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 
   // Grid / DSM state
-  const gridStateEl = root.querySelector(".stat-grid-state .stat-value");
+  const gridStateEl = scope.querySelector(".stat-grid-state .stat-value");
   if (gridStateEl) {
     const gridEid = topology.panel_entities?.dsm_state;
     const gridState = gridEid ? hass.states[gridEid] : null;
@@ -112,6 +118,12 @@ function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, top
   }
 }
 
+function _updateHeaderStats(root: Element | ShadowRoot, hass: HomeAssistant, topology: PanelTopology, config: CardConfig, totalConsumption: number): void {
+  const scope = (root as ParentNode).querySelector(".panel-stats") as Element | null;
+  if (!scope) return;
+  updatePanelStatsBlock(scope, hass, topology, config, totalConsumption);
+}
+
 // ── Exported updaters ──────────────────────────────────────────────────────
 
 export function updateCircuitDOM(
diff --git a/src/core/favorites-controller.ts b/src/core/favorites-controller.ts
index 226be10..f15cc9e 100644
--- a/src/core/favorites-controller.ts
+++ b/src/core/favorites-controller.ts
@@ -9,10 +9,23 @@ export function buildCompositeId(panelDeviceId: string, circuitUuid: string): st
   return `${panelDeviceId}${COMPOSITE_SEPARATOR}${circuitUuid}`;
 }
 
+export interface FavoritesPanelStatsInfo {
+  panelDeviceId: string;
+  panelName: string;
+  topology: PanelTopology;
+}
+
 export interface FavoritesBuildResult {
   topology: FavoritesTopology;
   /** Unique contributing config entry ids (for monitoring tab stacking). */
   entryIds: string[];
+  /**
+   * Per-contributing-panel info used to render the Favorites view's
+   * panel-status grid. Each entry carries the originating topology so
+   * ``updatePanelStatsBlock`` can pull values from the correct panel's
+   * entities without re-fetching.
+   */
+  perPanelStats: FavoritesPanelStatsInfo[];
 }
 
 /**
@@ -57,6 +70,7 @@ export class FavoritesController {
     const mergedSubDevices: NonNullable<FavoritesTopology["sub_devices"]> = {};
     const refs: Record<string, FavoriteRef> = {};
     const entryIds = new Set<string>();
+    const perPanelStats: FavoritesPanelStatsInfo[] = [];
 
     for (const { panelDeviceId, panel, topology } of contributing) {
       if (!topology) continue;
@@ -64,6 +78,7 @@ export class FavoritesController {
       if (configEntryId) entryIds.add(configEntryId);
 
       const panelLabel = panel.name_by_user ?? panel.name ?? topology.device_name ?? "";
+      perPanelStats.push({ panelDeviceId, panelName: panelLabel, topology });
       const entry = favorites[panelDeviceId];
       const favoriteCircuitUuids = entry?.circuits ?? [];
       const favoriteSubDeviceIds = entry?.sub_devices ?? [];
@@ -108,6 +123,7 @@ export class FavoritesController {
     return {
       topology,
       entryIds: Array.from(entryIds),
+      perPanelStats,
     };
   }
 }
diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 80dcbf6..7dd930f 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -15,15 +15,14 @@ export interface HeaderRenderOptions {
 }
 
 /**
- * Build the panel header HTML with stats, gear icon, and A/W toggle.
+ * Build just the panel-stats block (Site / Grid / Upstream / Downstream /
+ * Solar / Battery) for one panel. Extracted so the Favorites view can
+ * render a per-panel grid of stats. The returned block is a standalone
+ * ``.panel-stats`` container with a ``data-stats-panel-id`` attribute so
+ * per-panel updates can address it individually.
  */
-export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, options: HeaderRenderOptions = {}): string {
-  const panelName: string = escapeHtml(topology.device_name || t("header.default_name"));
-  const serial: string = escapeHtml(topology.serial || "");
-  const firmware: string = escapeHtml(topology.firmware || "");
+export function buildPanelStatsHTML(topology: PanelTopology, config: CardConfig, panelDeviceId?: string): string {
   const isAmpsMode: boolean = (config.chart_metric || "power") === "current";
-  const showSwitches = options.showSwitches !== false;
-
   const hasSite: boolean = !!topology.panel_entities?.site_power;
   const hasGrid: boolean = !!topology.panel_entities?.dsm_state;
   const hasUpstream: boolean = !!topology.panel_entities?.current_power;
@@ -31,6 +30,95 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, opt
   const hasSolar: boolean = !!topology.panel_entities?.pv_power;
   const hasBattery: boolean = !!topology.panel_entities?.battery_level;
 
+  const idAttr = panelDeviceId ? ` data-stats-panel-id="${escapeHtml(panelDeviceId)}"` : "";
+
+  return `
+    <div class="panel-stats"${idAttr}>
+      ${
+        hasSite
+          ? `
+      <div class="stat stat-consumption">
+        <span class="stat-label">${t("header.site")}</span>
+        <div class="stat-row">
+          <span class="stat-value">0</span>
+          <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
+        </div>
+      </div>`
+          : ""
+      }
+      ${
+        hasGrid
+          ? `
+      <div class="stat stat-grid-state">
+        <span class="stat-label">${t("header.grid")}</span>
+        <div class="stat-row">
+          <span class="stat-value">--</span>
+        </div>
+      </div>`
+          : ""
+      }
+      ${
+        hasUpstream
+          ? `
+      <div class="stat stat-upstream">
+        <span class="stat-label">${t("header.upstream")}</span>
+        <div class="stat-row">
+          <span class="stat-value">--</span>
+          <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
+        </div>
+      </div>`
+          : ""
+      }
+      ${
+        hasDownstream
+          ? `
+      <div class="stat stat-downstream">
+        <span class="stat-label">${t("header.downstream")}</span>
+        <div class="stat-row">
+          <span class="stat-value">--</span>
+          <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
+        </div>
+      </div>`
+          : ""
+      }
+      ${
+        hasSolar
+          ? `
+      <div class="stat stat-solar">
+        <span class="stat-label">${t("header.solar")}</span>
+        <div class="stat-row">
+          <span class="stat-value">--</span>
+          <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
+        </div>
+      </div>`
+          : ""
+      }
+      ${
+        hasBattery
+          ? `
+      <div class="stat stat-battery">
+        <span class="stat-label">${t("header.battery")}</span>
+        <div class="stat-row">
+          <span class="stat-value">&mdash;</span>
+          <span class="stat-unit">%</span>
+        </div>
+      </div>`
+          : ""
+      }
+    </div>
+  `;
+}
+
+/**
+ * Build the panel header HTML with stats, gear icon, and A/W toggle.
+ */
+export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, options: HeaderRenderOptions = {}): string {
+  const panelName: string = escapeHtml(topology.device_name || t("header.default_name"));
+  const serial: string = escapeHtml(topology.serial || "");
+  const firmware: string = escapeHtml(topology.firmware || "");
+  const isAmpsMode: boolean = (config.chart_metric || "power") === "current";
+  const showSwitches = options.showSwitches !== false;
+
   return `
     <div class="panel-header">
       <div class="header-left">
@@ -51,79 +139,7 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, opt
               : ""
           }
         </div>
-        <div class="panel-stats">
-          ${
-            hasSite
-              ? `
-          <div class="stat stat-consumption">
-            <span class="stat-label">${t("header.site")}</span>
-            <div class="stat-row">
-              <span class="stat-value">0</span>
-              <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
-            </div>
-          </div>`
-              : ""
-          }
-          ${
-            hasGrid
-              ? `
-          <div class="stat stat-grid-state">
-            <span class="stat-label">${t("header.grid")}</span>
-            <div class="stat-row">
-              <span class="stat-value">--</span>
-            </div>
-          </div>`
-              : ""
-          }
-          ${
-            hasUpstream
-              ? `
-          <div class="stat stat-upstream">
-            <span class="stat-label">${t("header.upstream")}</span>
-            <div class="stat-row">
-              <span class="stat-value">--</span>
-              <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
-            </div>
-          </div>`
-              : ""
-          }
-          ${
-            hasDownstream
-              ? `
-          <div class="stat stat-downstream">
-            <span class="stat-label">${t("header.downstream")}</span>
-            <div class="stat-row">
-              <span class="stat-value">--</span>
-              <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
-            </div>
-          </div>`
-              : ""
-          }
-          ${
-            hasSolar
-              ? `
-          <div class="stat stat-solar">
-            <span class="stat-label">${t("header.solar")}</span>
-            <div class="stat-row">
-              <span class="stat-value">--</span>
-              <span class="stat-unit">${isAmpsMode ? "A" : "kW"}</span>
-            </div>
-          </div>`
-              : ""
-          }
-          ${
-            hasBattery
-              ? `
-          <div class="stat stat-battery">
-            <span class="stat-label">${t("header.battery")}</span>
-            <div class="stat-row">
-              <span class="stat-value">&mdash;</span>
-              <span class="stat-unit">%</span>
-            </div>
-          </div>`
-              : ""
-          }
-        </div>
+        ${buildPanelStatsHTML(topology, config)}
       </div>
       <div class="header-right">
         <div class="header-right-top">
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 992711d..de71e2c 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -11,12 +11,13 @@ import { DashboardController } from "../core/dashboard-controller.js";
 import { buildTabBarHTML } from "../core/tab-bar-renderer.js";
 import { subscribeAreaUpdates } from "../core/area-resolver.js";
 import { discoverTopology } from "../card/card-discovery.js";
-import { buildHeaderHTML } from "../core/header-renderer.js";
+import { buildHeaderHTML, buildPanelStatsHTML } from "../core/header-renderer.js";
+import { updatePanelStatsBlock } from "../core/dom-updater.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
 import { escapeHtml } from "../helpers/sanitize.js";
 import { CARD_STYLES } from "../card/card-styles.js";
 import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
-import { FavoritesController } from "../core/favorites-controller.js";
+import { FavoritesController, type FavoritesPanelStatsInfo } from "../core/favorites-controller.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
 
 const FAVORITES_PANEL_ID = "favorites";
@@ -87,6 +88,13 @@ export class SpanPanelElement extends LitElement {
   @state() private _favorites: FavoritesMap = {};
 
   private _favoritesViewState: FavoritesViewState = _defaultFavoritesViewState();
+  /**
+   * Per-contributing-panel stats snapshot for the active Favorites
+   * render. Populated from ``FavoritesController.build`` and consumed
+   * by ``_updateFavoritesPanelStats`` on each interval tick so every
+   * per-panel stats block can read from the correct panel's entities.
+   */
+  private _favoritesPanelStats: FavoritesPanelStatsInfo[] = [];
 
   private _dashboardTab = new DashboardTab();
   private _monitoringTab = new MonitoringTab();
@@ -684,6 +692,41 @@ export class SpanPanelElement extends LitElement {
     `;
   }
 
+  /**
+   * Render a responsive grid of per-contributing-panel status cards
+   * (Site/Grid/Upstream/Downstream/Solar/Battery). Auto-fits 1-3
+   * columns based on viewport width. Live values are filled in by
+   * ``_updateFavoritesPanelStats`` on each interval tick.
+   */
+  private _buildFavoritesPanelStatsGridHTML(perPanelStats: FavoritesPanelStatsInfo[], config: CardConfig): string {
+    if (perPanelStats.length === 0) return "";
+    const cards = perPanelStats
+      .map(
+        info => `
+      <div class="favorites-panel-card">
+        <div class="favorites-panel-card-title">${escapeHtml(info.panelName || info.topology.device_name || "")}</div>
+        ${buildPanelStatsHTML(info.topology, config, info.panelDeviceId)}
+      </div>
+    `
+      )
+      .join("");
+    return `<div class="favorites-panel-stats-grid">${cards}</div>`;
+  }
+
+  /**
+   * Update each per-panel stats block in the Favorites view from its
+   * originating panel's entities. Runs on startIntervals ticks so the
+   * Site/Grid/Upstream/... values stay live.
+   */
+  private _updateFavoritesPanelStats(container: HTMLElement, config: CardConfig): void {
+    if (!this.hass || this._favoritesPanelStats.length === 0) return;
+    for (const info of this._favoritesPanelStats) {
+      const block = container.querySelector(`.panel-stats[data-stats-panel-id="${info.panelDeviceId}"]`);
+      if (!block) continue;
+      updatePanelStatsBlock(block, this.hass, info.topology, config, 0);
+    }
+  }
+
   private _buildDashboardConfig(): CardConfig {
     return {
       chart_metric: this._chartMetric,
@@ -848,13 +891,15 @@ export class SpanPanelElement extends LitElement {
     await this._listDashCtrl.fetchAndBuildHorizonMaps();
     const monitoringStatus = await this._listDashCtrl.fetchMergedMonitoringStatus(build.entryIds);
 
+    this._favoritesPanelStats = build.perPanelStats;
     const summaryHTML = this._buildFavoritesSummaryHTML();
+    const panelStatsHTML = this._buildFavoritesPanelStatsGridHTML(build.perPanelStats, config);
     const subDevicesHTML = hasSubDevices
       ? `<div class="favorites-subdevices-section" style="padding:8px 16px 0;">
            <div class="sub-devices">${buildSubDevicesHTML(merged, this.hass, config)}</div>
          </div>`
       : "";
-    const headerHTML = summaryHTML + subDevicesHTML;
+    const headerHTML = summaryHTML + panelStatsHTML + subDevicesHTML;
     try {
       if (viewName === "activity") {
         this._listCtrl.renderActivityView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
@@ -864,7 +909,10 @@ export class SpanPanelElement extends LitElement {
       container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
       await this._listDashCtrl.loadHistory();
       this._listDashCtrl.updateDOM(container);
-      this._listDashCtrl.startIntervals(container);
+      this._updateFavoritesPanelStats(container, config);
+      this._listDashCtrl.startIntervals(container, () => {
+        this._updateFavoritesPanelStats(container, config);
+      });
     } catch (err) {
       const errEl = document.createElement("p");
       errEl.style.color = "var(--error-color)";

From bbe4a931fbbbdfb21385602455caf8247fc7f953 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:14:53 -0700
Subject: [PATCH 27/97] fix(panel): coalesce concurrent tab renders; clear
 history on metric change

---
 src/panel/span-panel.ts | 50 ++++++++++++++++++++++++++++++++++-------
 1 file changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index de71e2c..93e8a03 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -400,7 +400,8 @@ export class SpanPanelElement extends LitElement {
       this._areaUnsub();
       this._areaUnsub = null;
     }
-    this._scheduleTabRender();
+    // Reactive updated() handles the re-render via _selectedPanelId
+    // (and possibly _activeTab) changes.
   }
 
   private get _isFavoritesView(): boolean {
@@ -418,7 +419,9 @@ export class SpanPanelElement extends LitElement {
       this._favoritesViewState.activeTab = tab;
       _saveFavoritesViewState(this._favoritesViewState);
     }
-    this._scheduleTabRender();
+    // No explicit _scheduleTabRender — Lit's updated() sees
+    // _activeTab change and schedules the render. Calling here too
+    // would kick off two concurrent renders and produce flashing.
   }
 
   private _onTabContentClick(e: Event): void {
@@ -431,9 +434,7 @@ export class SpanPanelElement extends LitElement {
       if (!metric || metric === this._chartMetric) return;
       this._chartMetric = metric;
       localStorage.setItem("span_panel_metric", metric);
-      if (this._activeTab === "dashboard") {
-        this._scheduleTabRender();
-      }
+      // Reactive updated() handles the re-render; see _onTabClick.
       return;
     }
 
@@ -454,7 +455,7 @@ export class SpanPanelElement extends LitElement {
     if (!unit || unit === this._chartMetric) return;
     this._chartMetric = unit;
     localStorage.setItem("span_panel_metric", unit);
-    this._scheduleTabRender();
+    // Reactive updated() handles the re-render.
   }
 
   private _onGraphSettingsChanged(): void {
@@ -471,7 +472,7 @@ export class SpanPanelElement extends LitElement {
     const tab = (e as CustomEvent<string>).detail;
     if (!tab) return;
     this._activeTab = tab as TabName;
-    this._scheduleTabRender();
+    // Reactive updated() handles the re-render.
   }
 
   private _onFavoritesViewStateChangedEvent(ev: Event): void {
@@ -737,9 +738,35 @@ export class SpanPanelElement extends LitElement {
     };
   }
 
+  private _pendingTabRender: Promise<void> | null = null;
+  private _pendingFollowupRender = false;
+
+  /**
+   * Coalesce tab-render requests. If a render is in-flight, remember
+   * that another was requested and run exactly one follow-up once the
+   * current render completes. Running two ``_renderTab`` calls
+   * concurrently causes the tab container to be cleared and rewritten
+   * twice in rapid succession, which is visible as flashing.
+   */
   private async _scheduleTabRender(): Promise<void> {
     await this.updateComplete;
-    await this._renderTab();
+    if (this._pendingTabRender) {
+      this._pendingFollowupRender = true;
+      return;
+    }
+    const run = (async (): Promise<void> => {
+      try {
+        await this._renderTab();
+      } finally {
+        this._pendingTabRender = null;
+      }
+      if (this._pendingFollowupRender) {
+        this._pendingFollowupRender = false;
+        await this._scheduleTabRender();
+      }
+    })();
+    this._pendingTabRender = run;
+    await run;
   }
 
   private async _renderTab(): Promise<void> {
@@ -779,6 +806,11 @@ export class SpanPanelElement extends LitElement {
           const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, entryId);
+          // A full re-render (including on W/A switch) needs fresh
+          // history: ``loadHistory`` merges into ``powerHistory``, so
+          // leftover points from the previous metric would contaminate
+          // the new chart.
+          this._listDashCtrl.powerHistory.clear();
           await this._listDashCtrl.monitoringCache.fetch(this.hass, entryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
           const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
@@ -803,6 +835,7 @@ export class SpanPanelElement extends LitElement {
           const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, areaEntryId);
+          this._listDashCtrl.powerHistory.clear();
           await this._listDashCtrl.monitoringCache.fetch(this.hass, areaEntryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
           const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
@@ -888,6 +921,7 @@ export class SpanPanelElement extends LitElement {
 
     const config = this._buildDashboardConfig();
     this._listDashCtrl.init(merged, config, this.hass, primaryEntryId);
+    this._listDashCtrl.powerHistory.clear();
     await this._listDashCtrl.fetchAndBuildHorizonMaps();
     const monitoringStatus = await this._listDashCtrl.fetchMergedMonitoringStatus(build.entryIds);
 

From de3a46ab5c4acdb87a1e27f5123ea59a8e39513d Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:14:57 -0700
Subject: [PATCH 28/97] build: rebuild dist bundle

---
 dist/span-panel.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/span-panel.js b/dist/span-panel.js
index aa7d856..2b3fbed 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ge(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ue(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ve=u.power;function We(e){return Ve.unit(e)}function Be(e){return(e<0?"-":"")+Ve.format(e)}function Qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Je(e){return Math.ceil(e/2)}function Xe(e){return e%2==0?1:0}function Ke(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Je(t)===Je(n)?"row-span":Xe(t)===Xe(n)?"col-span":"row-span"}function Ze(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ye(e,t){const n=function(e){return Ze(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class et{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function tt(e,t){return e?.circuits?e.circuits[t]??null:null}function nt(e){return!!e&&void 0!==e.continuous_threshold_pct}function it(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function st(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),nt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ze(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Be(v)}</strong><span class="power-unit">${We(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&nt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${it(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${st(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Be(u)}</strong> <span class="power-unit">${We(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ye(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Qe(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Mt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Pt(o,t,n,i,s)}(e,t,i,s,d);const h=Ze(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Be(f)}</strong><span class="power-unit">${We(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Tt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function It(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Dt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new et,this.graphSettingsCache=new Tt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,It(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Dt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,It(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Dt(i,s))}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ye(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Mt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Be(i)}</strong> <span class="power-unit">${We(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Lt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Ft{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ge(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ke(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Je(Math.max(...n));0===Xe(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?tt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Lt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ht="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Rt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Ut(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Gt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Rt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${jt}">\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${jt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${qt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Vt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ze(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Be(h)}</strong><span class="power-unit">${We(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${it(o)}">${Math.round(e)}%</span>`}const E=!!o&&nt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Bt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=st(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Qt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Jt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Xt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Kt(e,t,n,i){const s=Jt(e,n,i),o=Jt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Zt(e,t,n){return e.sort((e,i)=>Kt(e[1],i[1],t,n))}function Yt(e){return e.entities?.current??e.entities?.power??""}class en{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Zt(Object.entries(n.circuits),t,i);let r=o+Vt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=tt(s,Yt(n)),a=Xt(n,t),l=this._expandedUuids.has(e);r+=Wt(e,n,t,i,o,a,l),l&&(r+=Bt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Vt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Zt(n,t,s);d+=Qt(e);for(const[e,n]of i){const i=tt(o,Yt(n)),a=Xt(n,t),r=this._expandedUuids.has(e);d+=Wt(e,n,t,s,i,a,r),r&&(d+=Bt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ze(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Jt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Be(i)}</strong><span class="power-unit">${We(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Kt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=tt(this._monitoringStatus,Yt(i)),o=Bt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function tn(e,t){return`${e}|${t}`}class nn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=tn(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=tn(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const sn="favorites",on="span_panel_favorites_view_state";function an(e){try{localStorage.setItem(on,JSON.stringify(e))}catch{}}let rn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ft,this._monitoringTab=new Gt,this._listDashCtrl=new Nt,this._listCtrl=new en(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new nn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ge(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ue(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ve=u.power;function We(e){return Ve.unit(e)}function Be(e){return(e<0?"-":"")+Ve.format(e)}function Qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Je(e){return Math.ceil(e/2)}function Xe(e){return e%2==0?1:0}function Ke(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Je(t)===Je(n)?"row-span":Xe(t)===Xe(n)?"col-span":"row-span"}function Ze(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ye(e,t){const n=function(e){return Ze(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class et{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function tt(e,t){return e?.circuits?e.circuits[t]??null:null}function nt(e){return!!e&&void 0!==e.continuous_threshold_pct}function it(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function st(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),nt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ze(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Be(v)}</strong><span class="power-unit">${We(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&nt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${it(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${st(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Be(u)}</strong> <span class="power-unit">${We(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ye(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Qe(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Mt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Pt(o,t,n,i,s)}(e,t,i,s,d);const h=Ze(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Be(f)}</strong><span class="power-unit">${We(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Tt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function It(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Dt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new et,this.graphSettingsCache=new Tt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,It(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Dt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,It(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Dt(i,s))}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ye(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Mt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Be(i)}</strong> <span class="power-unit">${We(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Lt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Ft{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ge(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ke(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Je(Math.max(...n));0===Xe(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?tt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Lt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ht="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Rt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Ut(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Gt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Rt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${jt}">\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${jt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${qt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Vt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ze(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Be(h)}</strong><span class="power-unit">${We(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${it(o)}">${Math.round(e)}%</span>`}const E=!!o&&nt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Bt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=st(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Qt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Jt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Xt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Kt(e,t,n,i){const s=Jt(e,n,i),o=Jt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Zt(e,t,n){return e.sort((e,i)=>Kt(e[1],i[1],t,n))}function Yt(e){return e.entities?.current??e.entities?.power??""}class en{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Zt(Object.entries(n.circuits),t,i);let r=o+Vt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=tt(s,Yt(n)),a=Xt(n,t),l=this._expandedUuids.has(e);r+=Wt(e,n,t,i,o,a,l),l&&(r+=Bt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Vt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Zt(n,t,s);d+=Qt(e);for(const[e,n]of i){const i=tt(o,Yt(n)),a=Xt(n,t),r=this._expandedUuids.has(e);d+=Wt(e,n,t,s,i,a,r),r&&(d+=Bt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ze(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Jt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Be(i)}</strong><span class="power-unit">${We(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Kt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=tt(this._monitoringStatus,Yt(i)),o=Bt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function tn(e,t){return`${e}|${t}`}class nn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=tn(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=tn(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const sn="favorites",on="span_panel_favorites_view_state";function an(e){try{localStorage.setItem(on,JSON.stringify(e))}catch{}}let rn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ft,this._monitoringTab=new Gt,this._listDashCtrl=new Nt,this._listCtrl=new en(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new nn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -94,7 +94,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._scheduleTabRender()}get _isFavoritesView(){return this._selectedPanelId===sn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,an(this._favoritesViewState)),this._scheduleTabRender())}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,localStorage.setItem("span_panel_metric",e),void("dashboard"===this._activeTab&&this._scheduleTabRender())}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t),this._scheduleTabRender())}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t,this._scheduleTabRender())}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,an(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==sn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(on);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===sn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:sn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===sn;this._favorites=t;const i=this._panels.filter(e=>e.id!==sn);if(this._panels=this._buildPanelList(i,t),n&&!He(t)){!function(){try{localStorage.removeItem(on)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ge(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${Ue(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&Pt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._renderTab()}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==sn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Gt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};rn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===sn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,an(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,an(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==sn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(on);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===sn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:sn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===sn;this._favorites=t;const i=this._panels.filter(e=>e.id!==sn);if(this._panels=this._buildPanelList(i,t),n&&!He(t)){!function(){try{localStorage.removeItem(on)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ge(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${Ue(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&Pt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){if(await this.updateComplete,this._pendingTabRender)return void(this._pendingFollowupRender=!0);const e=(async()=>{try{await this._renderTab()}finally{this._pendingTabRender=null}this._pendingFollowupRender&&(this._pendingFollowupRender=!1,await this._scheduleTabRender())})();this._pendingTabRender=e,await e}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==sn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Gt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};rn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }

From b50a9a6ec519932e828e66f7c6c4825c2a90894c Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:47:08 -0700
Subject: [PATCH 29/97] feat(list): configurable 1/2/3 columns via Graph
 Settings side panel

---
 src/card/card-styles.ts          | 20 +++++++++++
 src/card/span-panel-card.ts      |  3 ++
 src/core/list-renderer.ts        |  9 +++--
 src/core/list-view-controller.ts | 17 +++++++--
 src/core/side-panel.ts           | 62 ++++++++++++++++++++++++++++++++
 src/helpers/list-columns.ts      | 27 ++++++++++++++
 src/i18n.ts                      | 10 ++++++
 src/panel/span-panel.ts          | 20 ++++++++++-
 8 files changed, 162 insertions(+), 6 deletions(-)
 create mode 100644 src/helpers/list-columns.ts

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 36192b3..43dc5ec 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -524,6 +524,26 @@ export const CARD_STYLES: string = `
     flex-direction: column;
     gap: 6px;
   }
+  /* Multi-column grid mode: rows flow left-to-right then down. The
+     existing value-desc / alphabetical sort order becomes top-left
+     to bottom-right. Expanded rows and area headers span the full
+     row via inline "grid-column: 1 / -1" from the renderers. */
+  .list-view[data-columns="2"],
+  .list-view[data-columns="3"] {
+    display: grid;
+    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));
+    gap: 6px 8px;
+    flex-direction: initial;
+  }
+  /* On narrow viewports a 2/3-column list would squeeze rows into an
+     unreadable shape, so force stacking regardless of user preference. */
+  @media (max-width: 599px) {
+    .list-view[data-columns="2"],
+    .list-view[data-columns="3"] {
+      display: flex;
+      flex-direction: column;
+    }
+  }
 
   .list-row {
     display: flex;
diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 5941d8d..d2b4985 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -3,6 +3,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import { DEFAULT_CHART_METRIC } from "../constants.js";
 import { setLanguage, t } from "../i18n.js";
 import { escapeHtml } from "../helpers/sanitize.js";
+import { loadListColumns } from "../helpers/list-columns.js";
 import { buildHeaderHTML } from "../core/header-renderer.js";
 import { buildGridHTML } from "../core/grid-renderer.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
@@ -339,11 +340,13 @@ export class SpanPanelCard extends LitElement {
     } else if (this._activeTab === "activity") {
       container.innerHTML = "";
       const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
+      this._listCtrl.setColumns(loadListColumns());
       this._listCtrl.renderActivityView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     } else if (this._activeTab === "area") {
       container.innerHTML = "";
       const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
+      this._listCtrl.setColumns(loadListColumns());
       this._listCtrl.renderAreaView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
       this._ctrl.updateDOM(this.shadowRoot!);
     }
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 963e2e0..55154c4 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -176,7 +176,7 @@ export function buildExpandedChartHTML(
   const safeUuid = escapeHtml(uuid);
 
   return `
-    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
+    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}" style="grid-column:1 / -1;">
       <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
         <div class="chart-container"></div>
       </div>
@@ -185,8 +185,11 @@ export function buildExpandedChartHTML(
 }
 
 /**
- * Build an area group header for the "By Area" list view.
+ * Build an area group header for the "By Area" list view. The inline
+ * ``grid-column: 1 / -1`` is harmless when the list view is in
+ * single-column (flex) mode and causes the header to span all columns
+ * when grid mode is active.
  */
 export function buildAreaHeaderHTML(areaName: string): string {
-  return `<div class="area-header" data-area="${escapeHtml(areaName)}">${escapeHtml(areaName)}</div>`;
+  return `<div class="area-header" data-area="${escapeHtml(areaName)}" style="grid-column:1 / -1;">${escapeHtml(areaName)}</div>`;
 }
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index b0a80a2..2ea96e8 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -163,10 +163,23 @@ export class ListViewController {
    */
   private _viewName: "activity" | "area" | null = null;
 
+  /**
+   * Number of columns for the circuit list. 1 = flex/stack (default),
+   * 2-3 = CSS grid. Configurable via the Graph Settings side panel and
+   * persisted to localStorage by ``span-panel.ts``.
+   */
+  private _columns = 1;
+
   constructor(ctrl: DashboardController) {
     this._ctrl = ctrl;
   }
 
+  /** Set the column count (1-3) for the next render. */
+  setColumns(n: number): void {
+    const clamped = Math.max(1, Math.min(3, Math.floor(n)));
+    this._columns = clamped;
+  }
+
   /**
    * Seed the expansion set before the next render. Called by
    * ``span-panel.ts`` when re-entering the Favorites view so the user's
@@ -207,7 +220,7 @@ export class ListViewController {
     const sorted = sortCircuitEntries(entries, hass, config);
 
     let html = headerHTML + buildSearchBarHTML(this._searchQuery);
-    html += '<div class="list-view">';
+    html += `<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;
 
     for (const [uuid, circuit] of sorted) {
       const monitoringInfo = getCircuitMonitoringInfo(monitoringStatus, getCircuitEntityId(circuit));
@@ -265,7 +278,7 @@ export class ListViewController {
     });
 
     let html = headerHTML + buildSearchBarHTML(this._searchQuery);
-    html += '<div class="list-view">';
+    html += `<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;
 
     for (const areaName of areaNames) {
       const group = areaGroups.get(areaName);
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index d91f375..d2c4622 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -1,5 +1,6 @@
 // src/core/side-panel.ts
 import { escapeHtml } from "../helpers/sanitize.js";
+import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
 import { INTEGRATION_DOMAIN, SHEDDING_PRIORITIES, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, ERROR_DISPLAY_MS, INPUT_DEBOUNCE_MS } from "../constants.js";
 import { t } from "../i18n.js";
 import { addFavorite, removeFavorite } from "./favorites-store.js";
@@ -462,6 +463,14 @@ class SpanSidePanel extends HTMLElement {
     globalSection.appendChild(globalRow);
     body.appendChild(globalSection);
 
+    // ── List view columns ──
+    // This is a display preference persisted to localStorage by
+    // span-panel.ts. It applies to every list view (Activity / Area,
+    // including the Favorites pseudo-panel). We surface it here in the
+    // Graph Settings side panel because it's the closest thing to a
+    // global display-preferences surface the UI exposes today.
+    body.appendChild(this._buildListColumnsSection());
+
     // ── Per-circuit horizon scales ──
     if (topology?.circuits) {
       const circuitSection = document.createElement("div");
@@ -709,6 +718,59 @@ class SpanSidePanel extends HTMLElement {
    * Returns ``null`` when the circuit has no routable sensor entity
    * (favorites services need an entity_id to resolve the target).
    */
+  /**
+   * Build the "List view columns" section for the Graph Settings
+   * panel — a segmented 1/2/3 control backed by localStorage. Clicking
+   * a button persists the choice and dispatches ``list-columns-changed``
+   * up the DOM so ``span-panel.ts`` re-renders the active list view.
+   */
+  private _buildListColumnsSection(): HTMLDivElement {
+    const section = document.createElement("div");
+    section.className = "section";
+
+    const label = document.createElement("div");
+    label.className = "section-label";
+    label.textContent = t("sidepanel.list_view_columns");
+    section.appendChild(label);
+
+    const row = document.createElement("div");
+    row.className = "field-row";
+
+    const fieldLabel = document.createElement("span");
+    fieldLabel.className = "field-label";
+    fieldLabel.textContent = t("sidepanel.columns");
+    row.appendChild(fieldLabel);
+
+    const current = loadListColumns();
+
+    const group = document.createElement("div");
+    group.className = "unit-toggle";
+    for (const n of [1, 2, 3]) {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = `unit-btn${n === current ? " unit-active" : ""}`;
+      btn.dataset.columns = String(n);
+      btn.textContent = String(n);
+      btn.addEventListener("click", () => {
+        saveListColumns(n);
+        for (const other of group.querySelectorAll<HTMLElement>(".unit-btn")) {
+          other.classList.toggle("unit-active", other === btn);
+        }
+        this.dispatchEvent(
+          new CustomEvent<number>("list-columns-changed", {
+            detail: n,
+            bubbles: true,
+            composed: true,
+          })
+        );
+      });
+      group.appendChild(btn);
+    }
+    row.appendChild(group);
+    section.appendChild(row);
+    return section;
+  }
+
   private _buildFavoriteHeart(entities: CircuitEntities | undefined, isFavorite: boolean): HTMLButtonElement | null {
     const entityId = this._favoriteEntityId(entities);
     if (!entityId) {
diff --git a/src/helpers/list-columns.ts b/src/helpers/list-columns.ts
new file mode 100644
index 0000000..802bb9c
--- /dev/null
+++ b/src/helpers/list-columns.ts
@@ -0,0 +1,27 @@
+const LIST_COLUMNS_KEY = "span_panel_list_columns";
+
+/**
+ * Read the user's preferred number of list-view columns from
+ * localStorage. Returns 1 when the setting is unset or invalid so the
+ * list falls back to the historical single-column stack.
+ */
+export function loadListColumns(): number {
+  try {
+    const raw = localStorage.getItem(LIST_COLUMNS_KEY);
+    if (!raw) return 1;
+    const n = parseInt(raw, 10);
+    if (n === 1 || n === 2 || n === 3) return n;
+    return 1;
+  } catch {
+    return 1;
+  }
+}
+
+/** Persist the user's preferred number of list-view columns. */
+export function saveListColumns(n: number): void {
+  try {
+    localStorage.setItem(LIST_COLUMNS_KEY, String(n));
+  } catch {
+    // non-fatal
+  }
+}
diff --git a/src/i18n.ts b/src/i18n.ts
index b154075..fe38dc3 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -128,6 +128,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.graph_settings": "Graph Settings",
     "sidepanel.global_defaults": "Global defaults for all circuits",
     "sidepanel.global_default": "Global Default",
+    "sidepanel.list_view_columns": "List View Columns",
+    "sidepanel.columns": "Columns",
     "sidepanel.circuit_scales": "Circuit Graph Scales",
     "sidepanel.subdevice_scales": "Sub-Device Graph Scales",
     "sidepanel.reset_to_global": "Reset to global default",
@@ -301,6 +303,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.graph_settings": "Configuraci\u00f3n de Gr\u00e1ficos",
     "sidepanel.global_defaults": "Valores predeterminados globales para todos los circuitos",
     "sidepanel.global_default": "Predeterminado Global",
+    "sidepanel.list_view_columns": "Columnas de la lista",
+    "sidepanel.columns": "Columnas",
     "sidepanel.circuit_scales": "Escalas de Gr\u00e1ficos de Circuitos",
     "sidepanel.subdevice_scales": "Escalas de Gr\u00e1ficos de Sub-Dispositivos",
     "sidepanel.reset_to_global": "Restablecer al valor global",
@@ -464,6 +468,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.graph_settings": "Param\u00e8tres des Graphiques",
     "sidepanel.global_defaults": "Valeurs par d\u00e9faut globales pour tous les circuits",
     "sidepanel.global_default": "D\u00e9faut Global",
+    "sidepanel.list_view_columns": "Colonnes de la liste",
+    "sidepanel.columns": "Colonnes",
     "sidepanel.circuit_scales": "\u00c9chelles des Graphiques de Circuits",
     "sidepanel.subdevice_scales": "\u00c9chelles des Graphiques de Sous-Appareils",
     "sidepanel.reset_to_global": "R\u00e9initialiser \u00e0 la valeur globale",
@@ -629,6 +635,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.graph_settings": "\u30b0\u30e9\u30d5\u8a2d\u5b9a",
     "sidepanel.global_defaults": "\u5168\u56de\u8def\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30d5\u30a9\u30eb\u30c8",
     "sidepanel.global_default": "\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30d5\u30a9\u30eb\u30c8",
+    "sidepanel.list_view_columns": "\u30ea\u30b9\u30c8\u8868\u793a\u306e\u5217\u6570",
+    "sidepanel.columns": "\u5217",
     "sidepanel.circuit_scales": "\u56de\u8def\u30b0\u30e9\u30d5\u30b9\u30b1\u30fc\u30eb",
     "sidepanel.subdevice_scales": "\u30b5\u30d6\u30c7\u30d0\u30a4\u30b9\u30b0\u30e9\u30d5\u30b9\u30b1\u30fc\u30eb",
     "sidepanel.reset_to_global": "\u30b0\u30ed\u30fc\u30d0\u30eb\u306b\u30ea\u30bb\u30c3\u30c8",
@@ -796,6 +804,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.graph_settings": "Configura\u00e7\u00f5es de Gr\u00e1ficos",
     "sidepanel.global_defaults": "Padr\u00f5es globais para todos os circuitos",
     "sidepanel.global_default": "Padr\u00e3o Global",
+    "sidepanel.list_view_columns": "Colunas da Lista",
+    "sidepanel.columns": "Colunas",
     "sidepanel.circuit_scales": "Escalas de Gr\u00e1ficos de Circuitos",
     "sidepanel.subdevice_scales": "Escalas de Gr\u00e1ficos de Sub-Dispositivos",
     "sidepanel.reset_to_global": "Redefinir para o padr\u00e3o global",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 93e8a03..38d1b82 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -15,6 +15,7 @@ import { buildHeaderHTML, buildPanelStatsHTML } from "../core/header-renderer.js
 import { updatePanelStatsBlock } from "../core/dom-updater.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
 import { escapeHtml } from "../helpers/sanitize.js";
+import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
 import { CARD_STYLES } from "../card/card-styles.js";
 import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
 import { FavoritesController, type FavoritesPanelStatsInfo } from "../core/favorites-controller.js";
@@ -85,6 +86,7 @@ export class SpanPanelElement extends LitElement {
   @state() private _discovered = false;
   @state() private _discoveryError: string | null = null;
   @state() private _chartMetric: string | undefined;
+  @state() private _listColumns: number = loadListColumns();
   @state() private _favorites: FavoritesMap = {};
 
   private _favoritesViewState: FavoritesViewState = _defaultFavoritesViewState();
@@ -286,7 +288,11 @@ export class SpanPanelElement extends LitElement {
     // Render tab content when discovery completes or active tab/panel/metric changes
     if (
       this._discovered &&
-      (changedProps.has("_discovered") || changedProps.has("_activeTab") || changedProps.has("_selectedPanelId") || changedProps.has("_chartMetric"))
+      (changedProps.has("_discovered") ||
+        changedProps.has("_activeTab") ||
+        changedProps.has("_selectedPanelId") ||
+        changedProps.has("_chartMetric") ||
+        changedProps.has("_listColumns"))
     ) {
       this._scheduleTabRender();
     }
@@ -377,6 +383,7 @@ export class SpanPanelElement extends LitElement {
             @unit-changed=${this._onUnitChanged}
             @side-panel-closed=${this._onSidePanelClosed}
             @graph-settings-changed=${this._onGraphSettingsChanged}
+            @list-columns-changed=${this._onListColumnsChanged}
             @navigate-tab=${this._onNavigateTab}
             @favorites-view-state-changed=${this._onFavoritesViewStateChangedEvent}
           ></div>
@@ -458,6 +465,14 @@ export class SpanPanelElement extends LitElement {
     // Reactive updated() handles the re-render.
   }
 
+  private _onListColumnsChanged(e: Event): void {
+    const n = (e as CustomEvent<number>).detail;
+    if (typeof n !== "number" || (n !== 1 && n !== 2 && n !== 3) || n === this._listColumns) return;
+    this._listColumns = n;
+    saveListColumns(n);
+    // Reactive updated() handles the re-render.
+  }
+
   private _onGraphSettingsChanged(): void {
     if (this._activeTab === "dashboard") {
       const container = this.shadowRoot!.getElementById("tab-content");
@@ -814,6 +829,7 @@ export class SpanPanelElement extends LitElement {
           await this._listDashCtrl.monitoringCache.fetch(this.hass, entryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
           const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderActivityView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
@@ -839,6 +855,7 @@ export class SpanPanelElement extends LitElement {
           await this._listDashCtrl.monitoringCache.fetch(this.hass, areaEntryId);
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
           const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderAreaView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
@@ -918,6 +935,7 @@ export class SpanPanelElement extends LitElement {
     this._listCtrl.setViewName(viewName);
     this._listCtrl.setInitialExpansion(storedExpanded);
     this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery ?? "");
+    this._listCtrl.setColumns(this._listColumns);
 
     const config = this._buildDashboardConfig();
     this._listDashCtrl.init(merged, config, this.hass, primaryEntryId);

From 54644ffdcadf0fe36d0a58930c8b0f9e12267ed9 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:47:31 -0700
Subject: [PATCH 30/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 8 ++++----
 dist/span-panel.js      | 9 +++++----
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 4d7cc70..5044331 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}function Ne(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const De=g.power;function Ie(e){return De.unit(e)}function He(e){return(e<0?"-":"")+De.format(e)}function Te(e){return(Math.abs(e)/1e3).toFixed(1)}function Re(e){return Math.ceil(e/2)}function Fe(e){return e%2==0?1:0}function Oe(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return Re(t)===Re(i)?"row-span":Fe(t)===Fe(i)?"col-span":"row-span"}function je(e){const t=e.chart_metric??s;return g[t]??g[s]}function qe(e,t){const i=function(e){return je(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ue{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function We(e,t){return e?.circuits?e.circuits[t]??null:null}function Ge(e){return!!e&&void 0!==e.continuous_threshold_pct}function Be(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ve(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ge(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Qe(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=je(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Ge(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Be(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ve(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Je(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Xe={names:["power","battery power"],suffixes:["_power"]},Ke={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},Ze={names:["state of energy"],suffixes:["_soe_kwh"]},Ye={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function et(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function tt(e){return et(e,Xe)}function it(e){return et(e,Ke)}function nt(e){return et(e,Ze)}function st(e){return et(e,Ye)}function ot(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function at(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function rt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ct(e){const t=a[e];return t?t.ms:a[o].ms}function lt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function dt(e){return Math.max(500,Math.floor(e/5e3))}function ht(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function pt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ut(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function gt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=lt(n),c=dt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,pt(t,r,c))}}}function _t(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:tt(n)};n.type===d&&(e.soc=it(n),e.soe=nt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function ft(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=qe(n,i);if(!t)continue;let o;o=s&&s.has(e)?ct(s.get(e)):rt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of _t(t)){let t;t=o&&o.has(s)?ct(o.get(s)):rt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ut(e,i.entityIds,i.uuidByEntity,t,n)):r.push(gt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function mt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function vt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Te(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Te(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Te(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Te(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class bt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function yt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function wt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class xt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ue,this.graphSettingsCache=new bt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,yt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,wt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,yt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,wt(n,s))}}async loadHistory(){await ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=qe(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(n),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of _t(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ct(s),d=lt(l),h=dt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ht(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of _t(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await ft(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=rt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}vt(e,t,i,s,d);const h=je(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${He(_)}</strong><span class="power-unit">${Ie(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ct(a.get(s)):r,p=d.device_type===l;mt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=rt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=tt(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${He(n)}</strong> <span class="power-unit">${Ie(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");mt(e,t,r,o?.has(n)?ct(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function St(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Ct(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=je(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${He(h)}</strong><span class="power-unit">${Ie(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Be(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ge(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function $t(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ve(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Et(e){return`<div class="area-header" data-area="${Le(e)}">${Le(e)}</div>`}function zt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function kt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function At(e,t,i,n){const s=zt(e,i,n),o=zt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Mt(e,t,i){return e.sort((e,n)=>At(e[1],n[1],t,i))}function Pt(e){return e.entities?.current??e.entities?.power??""}class Lt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Mt(Object.entries(i.circuits),t,n);let r=o+St(this._searchQuery);r+='<div class="list-view">';for(const[e,i]of a){const o=We(s,Pt(i)),a=kt(i,t),c=this._expandedUuids.has(e);r+=Ct(e,i,t,n,o,a,c),c&&(r+=$t(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+St(this._searchQuery);d+='<div class="list-view">';for(const e of l){const i=c.get(e);if(!i)continue;const n=Mt(i,t,s);d+=Et(e);for(const[e,i]of n){const n=We(o,Pt(i)),a=kt(i,t),r=this._expandedUuids.has(e);d+=Ct(e,i,t,s,n,a,r),r&&(d+=$t(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=je(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=zt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${He(n)}</strong><span class="power-unit">${Ie(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>At(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=We(this._monitoringStatus,Pt(n)),o=$t(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Nt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Dt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function It(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ht="favorites-changed";async function Tt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Rt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Ft extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Tt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Tt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ht)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Rt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ft)}catch{}const Ot=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let jt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new xt,this._listCtrl=new Lt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}" style="grid-column:1 / -1;">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=Ve(this._monitoringStatus,Dt(n)),o=kt(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -55,7 +55,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Nt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Dt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=It((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Nt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=It(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Dt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Nt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=Ne(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Oe(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=Re(Math.max(...i));0===Fe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?We(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Qe(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Je(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Qe(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Je(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Qe(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=tt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?it(s):null,m=g?nt(s):null,v=g?st(s):null,b=ot(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=at(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${He(u)}</strong> <span class="power-unit">${Ie(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config);this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Ne(this._topology,this._config);this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ot.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ht(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Tt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Rt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Ht(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Rt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Tt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Ht(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Ue(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=je(Math.max(...i));0===qe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ve(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Ke(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ze(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Ke(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ze(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Ke(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=st(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?ot(s):null,m=g?at(s):null,v=g?rt(s):null,b=ct(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=lt(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ut.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};jt.styles=C("\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n"),v([Ae({attribute:!1})],jt.prototype,"hass",void 0),v([Me()],jt.prototype,"_config",void 0),v([Me()],jt.prototype,"_discovered",void 0),v([Me()],jt.prototype,"_discovering",void 0),v([Me()],jt.prototype,"_discoveryError",void 0),v([Me()],jt.prototype,"_topology",void 0),v([Me()],jt.prototype,"_activeTab",void 0),jt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],jt);class qt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",qt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Wt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Multi-column grid mode: rows flow left-to-right then down. The\n     existing value-desc / alphabetical sort order becomes top-left\n     to bottom-right. Expanded rows and area headers span the full\n     row via inline "grid-column: 1 / -1" from the renderers. */\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Wt.prototype,"hass",void 0),v([Me()],Wt.prototype,"_config",void 0),v([Me()],Wt.prototype,"_discovered",void 0),v([Me()],Wt.prototype,"_discovering",void 0),v([Me()],Wt.prototype,"_discoveryError",void 0),v([Me()],Wt.prototype,"_topology",void 0),v([Me()],Wt.prototype,"_activeTab",void 0),Wt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Wt);class Gt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Gt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 2b3fbed..dad3b60 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="favorites-changed";async function Le(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Fe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Le(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function He(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Re=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Oe extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Le(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Le(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ne)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Re){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Oe)}catch{}async function qe(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function je(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await qe(e,i),{topology:i,panelDevice:r,panelSize:s}}function Ue(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ge(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ue(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Ve=u.power;function We(e){return Ve.unit(e)}function Be(e){return(e<0?"-":"")+Ve.format(e)}function Qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Je(e){return Math.ceil(e/2)}function Xe(e){return e%2==0?1:0}function Ke(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Je(t)===Je(n)?"row-span":Xe(t)===Xe(n)?"col-span":"row-span"}function Ze(e){const t=e.chart_metric??i;return u[t]??u[i]}function Ye(e,t){const n=function(e){return Ze(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class et{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function tt(e,t){return e?.circuits?e.circuits[t]??null:null}function nt(e){return!!e&&void 0!==e.continuous_threshold_pct}function it(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function st(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),nt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ot(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=Ze(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Be(v)}</strong><span class="power-unit">${We(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&nt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${it(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${st(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function at(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const rt={names:["power","battery power"],suffixes:["_power"]},lt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ct={names:["state of energy"],suffixes:["_soe_kwh"]},dt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ht(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function pt(e){return ht(e,rt)}function ut(e){return ht(e,lt)}function gt(e){return ht(e,ct)}function _t(e){return ht(e,dt)}function ft(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=pt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ut(s):null,v=g?gt(s):null,m=g?_t(s):null,b=vt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=mt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Be(u)}</strong> <span class="power-unit">${We(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function vt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function mt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function bt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function yt(e){const t=o[e];return t?t.ms:o[s].ms}function wt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function xt(e){return Math.max(500,Math.floor(e/5e3))}function $t(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function St(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Ct(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Et(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=wt(i),l=xt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,St(t,r,l))}}}function kt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:pt(i)};i.type===c&&(e.soc=ut(i),e.soe=gt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function zt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ye(i,n);if(!t)continue;let o;o=s&&s.has(e)?yt(s.get(e)):bt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of kt(t)){let t;t=o&&o.has(s)?yt(o.get(s)):bt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Ct(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Et(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function At(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Pt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Qe(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Mt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=bt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Pt(o,t,n,i,s)}(e,t,i,s,d);const h=Ze(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Be(f)}</strong><span class="power-unit">${We(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?yt(a.get(s)):c,p=d.device_type===l;At(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Tt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function It(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Dt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Nt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new et,this.graphSettingsCache=new Tt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,It(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Dt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,It(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Dt(i,s))}}async loadHistory(){await zt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=Ye(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(i),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of kt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=yt(a),d=wt(c),h=xt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||$t(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of kt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await zt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Mt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=bt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=pt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Be(i)}</strong> <span class="power-unit">${We(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");At(e,t,r,o?.has(i)?yt(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Lt="\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n";class Ft{constructor(){this._ctrl=new Nt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await je(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Ge(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Ke(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Je(Math.max(...n));0===Xe(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?tt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ot(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=at(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ot(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=at(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ot(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=ft(a,t,s);e.innerHTML=`\n      <style>${Lt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Ht="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Rt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ot="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",qt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Ut(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Gt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Ut(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Ut(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Ut(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Ut(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Rt}">\n            </div>\n            <div style="${Ht}">\n              <span style="${Ot}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Rt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${jt}">\n            </div>\n\n            <div style="${Ht}">\n              <span style="${qt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${jt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${qt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Vt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Wt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=Ze(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Be(h)}</strong><span class="power-unit">${We(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${it(o)}">${Math.round(e)}%</span>`}const E=!!o&&nt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Bt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=st(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Qt(e){return`<div class="area-header" data-area="${De(e)}">${De(e)}</div>`}function Jt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Xt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Kt(e,t,n,i){const s=Jt(e,n,i),o=Jt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Zt(e,t,n){return e.sort((e,i)=>Kt(e[1],i[1],t,n))}function Yt(e){return e.entities?.current??e.entities?.power??""}class en{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._ctrl=e}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=Zt(Object.entries(n.circuits),t,i);let r=o+Vt(this._searchQuery);r+='<div class="list-view">';for(const[e,n]of a){const o=tt(s,Yt(n)),a=Xt(n,t),l=this._expandedUuids.has(e);r+=Wt(e,n,t,i,o,a,l),l&&(r+=Bt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Vt(this._searchQuery);d+='<div class="list-view">';for(const e of c){const n=l.get(e);if(!n)continue;const i=Zt(n,t,s);d+=Qt(e);for(const[e,n]of i){const i=tt(o,Yt(n)),a=Xt(n,t),r=this._expandedUuids.has(e);d+=Wt(e,n,t,s,i,a,r),r&&(d+=Bt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Ze(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Jt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Be(i)}</strong><span class="power-unit">${We(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Kt(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=tt(this._monitoringStatus,Yt(i)),o=Bt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function tn(e,t){return`${e}|${t}`}class nn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await je(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=tn(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=tn(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const sn="favorites",on="span_panel_favorites_view_state";function an(e){try{localStorage.setItem(on,JSON.stringify(e))}catch{}}let rn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ft,this._monitoringTab=new Gt,this._listDashCtrl=new Nt,this._listCtrl=new en(this._listDashCtrl),this._favCache=new Fe,this._favCtrl=new nn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ne,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ne,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Multi-column grid mode: rows flow left-to-right then down. The\n     existing value-desc / alphabetical sort order becomes top-left\n     to bottom-right. Expanded rows and area headers span the full\n     row via inline "grid-column: 1 / -1" from the renderers. */\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}" style="grid-column:1 / -1;">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=st(this._monitoringStatus,nn(i)),o=Xt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -70,6 +70,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
             @unit-changed=${this._onUnitChanged}
             @side-panel-closed=${this._onSidePanelClosed}
             @graph-settings-changed=${this._onGraphSettingsChanged}
+            @list-columns-changed=${this._onListColumnsChanged}
             @navigate-tab=${this._onNavigateTab}
             @favorites-view-state-changed=${this._onFavoritesViewStateChangedEvent}
           ></div>
@@ -94,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===sn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,an(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,an(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==sn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(on);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===sn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!He(t))return e;return[{id:sn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===sn;this._favorites=t;const i=this._panels.filter(e=>e.id!==sn);if(this._panels=this._buildPanelList(i,t),n&&!He(t)){!function(){try{localStorage.removeItem(on)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Ge(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${Ue(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&Pt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){if(await this.updateComplete,this._pendingTabRender)return void(this._pendingFollowupRender=!0);const e=(async()=>{try{await this._renderTab()}finally{this._pendingTabRender=null}this._pendingFollowupRender&&(this._pendingFollowupRender=!1,await this._scheduleTabRender())})();this._pendingTabRender=e,await e}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await je(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await qe(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==sn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??"");const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${ft(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Lt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Gt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};rn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===rn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,cn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,Fe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,cn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==rn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(ln);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===rn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!qe(t))return e;return[{id:rn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===rn;this._favorites=t;const i=this._panels.filter(e=>e.id!==rn);if(this._panels=this._buildPanelList(i,t),n&&!qe(t)){!function(){try{localStorage.removeItem(ln)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Be(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${We(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&It(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){if(await this.updateComplete,this._pendingTabRender)return void(this._pendingFollowupRender=!0);const e=(async()=>{try{await this._renderTab()}finally{this._pendingTabRender=null}this._pendingFollowupRender&&(this._pendingFollowupRender=!1,await this._scheduleTabRender())})();this._pendingTabRender=e,await e}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==rn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${bt(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Bt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};dn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -191,4 +192,4 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],rn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],rn.prototype,"narrow",void 0),v([ze()],rn.prototype,"_panels",void 0),v([ze()],rn.prototype,"_selectedPanelId",void 0),v([ze()],rn.prototype,"_activeTab",void 0),v([ze()],rn.prototype,"_discovered",void 0),v([ze()],rn.prototype,"_discoveryError",void 0),v([ze()],rn.prototype,"_chartMetric",void 0),v([ze()],rn.prototype,"_favorites",void 0),rn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],rn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let ln=!1;const cn=rn.prototype.connectedCallback;rn.prototype.connectedCallback=function(){ln=!0,cn.call(this)};const dn=rn.prototype.disconnectedCallback;rn.prototype.disconnectedCallback=function(){ln=!1,dn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(ln||window.location.pathname.includes("span-panel")&&setTimeout(()=>{ln||location.reload()},200))});
+  `,v([ke({attribute:!1})],dn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],dn.prototype,"narrow",void 0),v([ze()],dn.prototype,"_panels",void 0),v([ze()],dn.prototype,"_selectedPanelId",void 0),v([ze()],dn.prototype,"_activeTab",void 0),v([ze()],dn.prototype,"_discovered",void 0),v([ze()],dn.prototype,"_discoveryError",void 0),v([ze()],dn.prototype,"_chartMetric",void 0),v([ze()],dn.prototype,"_listColumns",void 0),v([ze()],dn.prototype,"_favorites",void 0),dn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],dn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let hn=!1;const pn=dn.prototype.connectedCallback;dn.prototype.connectedCallback=function(){hn=!0,pn.call(this)};const un=dn.prototype.disconnectedCallback;dn.prototype.disconnectedCallback=function(){hn=!1,un.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(hn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{hn||location.reload()},200))});

From b02053669da425dabf6150c03da79beeb9c4c400 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:54:14 -0700
Subject: [PATCH 31/97] fix(list): wrap row+expansion in .list-cell so grid
 keeps chart in-column

---
 src/card/card-styles.ts          | 15 +++++--
 src/core/list-renderer.ts        |  2 +-
 src/core/list-view-controller.ts | 74 +++++++++++++-------------------
 3 files changed, 42 insertions(+), 49 deletions(-)

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 43dc5ec..f2688dd 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -524,10 +524,17 @@ export const CARD_STYLES: string = `
     flex-direction: column;
     gap: 6px;
   }
-  /* Multi-column grid mode: rows flow left-to-right then down. The
-     existing value-desc / alphabetical sort order becomes top-left
-     to bottom-right. Expanded rows and area headers span the full
-     row via inline "grid-column: 1 / -1" from the renderers. */
+  /* Each circuit is wrapped in a .list-cell so the row + its optional
+     expanded chart stay together. In single-column flex mode the cell
+     just stacks naturally. In multi-column grid mode the cell becomes
+     one grid item, so the chart is always in the same column as its
+     row. Area headers (rendered as siblings, not inside a cell) span
+     all columns via their inline "grid-column: 1 / -1". */
+  .list-cell {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+  }
   .list-view[data-columns="2"],
   .list-view[data-columns="3"] {
     display: grid;
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 55154c4..9d50138 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -176,7 +176,7 @@ export function buildExpandedChartHTML(
   const safeUuid = escapeHtml(uuid);
 
   return `
-    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}" style="grid-column:1 / -1;">
+    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
       <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
         <div class="chart-container"></div>
       </div>
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index 2ea96e8..77bc43e 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -1,3 +1,4 @@
+import { escapeHtml } from "../helpers/sanitize.js";
 import { RELAY_STATE_CLOSED } from "../constants.js";
 import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { getChartMetric } from "../helpers/chart.js";
@@ -56,45 +57,39 @@ function sortCircuitEntries(entries: [string, Circuit][], hass: HomeAssistant, c
   return entries.sort((a, b) => compareCircuits(a[1], b[1], hass, config));
 }
 
-interface RowUnit {
-  row: HTMLElement;
-  expanded: HTMLElement | null;
+interface CellUnit {
+  cell: HTMLElement;
   uuid: string;
   circuit: Circuit;
 }
 
-interface RowGroup {
+interface CellGroup {
   anchor: HTMLElement | null;
-  units: RowUnit[];
+  units: CellUnit[];
 }
 
-// Partition .list-view's direct children into groups. Activity view produces a
-// single anchor-less group; area view produces one group per .area-header.
-function partitionRowGroups(listView: HTMLElement, topology: PanelTopology): RowGroup[] {
-  let current: RowGroup = { anchor: null, units: [] };
-  const groups: RowGroup[] = [current];
-  const children = [...listView.children] as HTMLElement[];
+// Partition .list-view's direct children into groups. Activity view
+// produces a single anchor-less group; area view produces one group per
+// .area-header. Each circuit (row + optional expansion) lives inside a
+// single ``.list-cell`` wrapper so multi-column grid mode keeps the
+// expansion in the same column as its row.
+function partitionCellGroups(listView: HTMLElement, topology: PanelTopology): CellGroup[] {
+  let current: CellGroup = { anchor: null, units: [] };
+  const groups: CellGroup[] = [current];
 
-  for (let i = 0; i < children.length; ) {
-    const el = children[i]!;
+  for (const el of [...listView.children] as HTMLElement[]) {
     if (el.classList.contains("area-header")) {
       current = { anchor: el, units: [] };
       groups.push(current);
-      i++;
       continue;
     }
-    if (el.classList.contains("list-row")) {
-      const uuid = el.dataset.rowUuid;
+    if (el.classList.contains("list-cell")) {
+      const uuid = el.dataset.cellUuid;
       const circuit = uuid ? topology.circuits[uuid] : undefined;
       if (uuid && circuit) {
-        const next = children[i + 1];
-        const expanded = next && next.classList.contains("list-expanded-content") && next.dataset.expandedUuid === uuid ? next : null;
-        current.units.push({ row: el, expanded, uuid, circuit });
-        i += expanded ? 2 : 1;
-        continue;
+        current.units.push({ cell: el, uuid, circuit });
       }
     }
-    i++;
   }
 
   return groups;
@@ -104,7 +99,7 @@ function reorderListRows(root: Element | ShadowRoot, hass: HomeAssistant, topolo
   const listView = root.querySelector<HTMLElement>(".list-view");
   if (!listView) return;
 
-  for (const group of partitionRowGroups(listView, topology)) {
+  for (const group of partitionCellGroups(listView, topology)) {
     if (group.units.length < 2) continue;
 
     const sorted = [...group.units].sort((a, b) => compareCircuits(a.circuit, b.circuit, hass, config));
@@ -115,15 +110,11 @@ function reorderListRows(root: Element | ShadowRoot, hass: HomeAssistant, topolo
     let after: Element | null = group.anchor;
     for (const unit of sorted) {
       if (after) {
-        after.after(unit.row);
+        after.after(unit.cell);
       } else {
-        listView.prepend(unit.row);
-      }
-      after = unit.row;
-      if (unit.expanded) {
-        after.after(unit.expanded);
-        after = unit.expanded;
+        listView.prepend(unit.cell);
       }
+      after = unit.cell;
     }
   }
 }
@@ -226,10 +217,12 @@ export class ListViewController {
       const monitoringInfo = getCircuitMonitoringInfo(monitoringStatus, getCircuitEntityId(circuit));
       const sheddingPriority = getSheddingPriority(circuit, hass);
       const isExpanded = this._expandedUuids.has(uuid);
+      html += `<div class="list-cell" data-cell-uuid="${escapeHtml(uuid)}">`;
       html += buildListRowHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority, isExpanded);
       if (isExpanded) {
         html += buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo);
       }
+      html += "</div>";
     }
 
     html += "</div>";
@@ -291,10 +284,12 @@ export class ListViewController {
         const monitoringInfo = getCircuitMonitoringInfo(monitoringStatus, getCircuitEntityId(circuit));
         const sheddingPriority = getSheddingPriority(circuit, hass);
         const isExpanded = this._expandedUuids.has(uuid);
+        html += `<div class="list-cell" data-cell-uuid="${escapeHtml(uuid)}">`;
         html += buildListRowHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority, isExpanded);
         if (isExpanded) {
           html += buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo);
         }
+        html += "</div>";
       }
     }
 
@@ -505,21 +500,12 @@ export class ListViewController {
     const clearBtn = container.querySelector<HTMLElement>(".list-search-clear");
     if (clearBtn) clearBtn.style.display = this._searchQuery ? "" : "none";
 
-    const rows = container.querySelectorAll<HTMLElement>(".list-row[data-row-uuid]");
-    for (const row of rows) {
-      const nameEl = row.querySelector(".list-circuit-name");
+    const cells = container.querySelectorAll<HTMLElement>(".list-cell[data-cell-uuid]");
+    for (const cell of cells) {
+      const nameEl = cell.querySelector(".list-circuit-name");
       const name = nameEl?.textContent?.toLowerCase() ?? "";
       const matches = name.includes(this._searchQuery);
-
-      row.style.display = matches ? "" : "none";
-
-      const uuid = row.dataset.rowUuid;
-      if (uuid) {
-        const expandedContent = container.querySelector<HTMLElement>(`.list-expanded-content[data-expanded-uuid="${uuid}"]`);
-        if (expandedContent) {
-          expandedContent.style.display = matches ? "" : "none";
-        }
-      }
+      cell.style.display = matches ? "" : "none";
     }
 
     const areaHeaders = container.querySelectorAll<HTMLElement>(".area-header");
@@ -527,7 +513,7 @@ export class ListViewController {
       let hasVisibleRow = false;
       let sibling = header.nextElementSibling;
       while (sibling && !sibling.classList.contains("area-header")) {
-        if (sibling.classList.contains("list-row") && (sibling as HTMLElement).style.display !== "none") {
+        if (sibling.classList.contains("list-cell") && (sibling as HTMLElement).style.display !== "none") {
           hasVisibleRow = true;
           break;
         }

From 6d2facdbdcaf4c675e17102d74b0798afc1c4fc2 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:54:17 -0700
Subject: [PATCH 32/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 4 ++--
 dist/span-panel.js      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 5044331..8768927 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}" style="grid-column:1 / -1;">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))i={anchor:o,units:[]},n.push(i),e++;else{if(o.classList.contains("list-row")){const n=o.dataset.rowUuid,a=n?t.circuits[n]:void 0;if(n&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===n?t:null;i.units.push({row:o,expanded:r,uuid:n,circuit:a}),e+=r?2:1;continue}}e++}}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of i){const i=t.querySelector(".list-circuit-name"),n=(i?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=n?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=n?"":"none")}}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-row")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=Ve(this._monitoringStatus,Dt(n)),o=kt(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=Ve(this._monitoringStatus,Dt(n)),o=kt(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -78,4 +78,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Wt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Multi-column grid mode: rows flow left-to-right then down. The\n     existing value-desc / alphabetical sort order becomes top-left\n     to bottom-right. Expanded rows and area headers span the full\n     row via inline "grid-column: 1 / -1" from the renderers. */\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Wt.prototype,"hass",void 0),v([Me()],Wt.prototype,"_config",void 0),v([Me()],Wt.prototype,"_discovered",void 0),v([Me()],Wt.prototype,"_discovering",void 0),v([Me()],Wt.prototype,"_discoveryError",void 0),v([Me()],Wt.prototype,"_topology",void 0),v([Me()],Wt.prototype,"_activeTab",void 0),Wt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Wt);class Gt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Gt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Wt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Wt.prototype,"hass",void 0),v([Me()],Wt.prototype,"_config",void 0),v([Me()],Wt.prototype,"_discovered",void 0),v([Me()],Wt.prototype,"_discovering",void 0),v([Me()],Wt.prototype,"_discoveryError",void 0),v([Me()],Wt.prototype,"_topology",void 0),v([Me()],Wt.prototype,"_activeTab",void 0),Wt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Wt);class Gt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Gt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index dad3b60..11b4dbb 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Multi-column grid mode: rows flow left-to-right then down. The\n     existing value-desc / alphabetical sort order becomes top-left\n     to bottom-right. Expanded rows and area headers span the full\n     row via inline "grid-column: 1 / -1" from the renderers. */\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}" style="grid-column:1 / -1;">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o))}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i))}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n],s=[...e.children];for(let e=0;e<s.length;){const o=s[e];if(o.classList.contains("area-header"))n={anchor:o,units:[]},i.push(n),e++;else{if(o.classList.contains("list-row")){const i=o.dataset.rowUuid,a=i?t.circuits[i]:void 0;if(i&&a){const t=s[e+1],r=t&&t.classList.contains("list-expanded-content")&&t.dataset.expandedUuid===i?t:null;n.units.push({row:o,expanded:r,uuid:i,circuit:a}),e+=r?2:1;continue}}e++}}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.row):s.prepend(e.row),o=e.row,e.expanded&&(o.after(e.expanded),o=e.expanded)}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-row[data-row-uuid]");for(const t of n){const n=t.querySelector(".list-circuit-name"),i=(n?.textContent?.toLowerCase()??"").includes(this._searchQuery);t.style.display=i?"":"none";const s=t.dataset.rowUuid;if(s){const t=e.querySelector(`.list-expanded-content[data-expanded-uuid="${s}"]`);t&&(t.style.display=i?"":"none")}}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-row")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=st(this._monitoringStatus,nn(i)),o=Xt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=st(this._monitoringStatus,nn(i)),o=Xt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>

From b312b932802edb8d8a0d25c89b07ef69dfad7d7d Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:01:21 -0700
Subject: [PATCH 33/97] refactor(list): scope toggleExpand DOM lookups to the
 owning cell

---
 src/core/list-view-controller.ts | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index 77bc43e..0f17813 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -526,17 +526,17 @@ export class ListViewController {
   private _toggleExpand(uuid: string): void {
     if (!this._container || !this._hass || !this._topology || !this._config) return;
 
-    const row = this._container.querySelector<HTMLElement>(`.list-row[data-row-uuid="${uuid}"]`);
-    const chevron = this._container.querySelector<HTMLElement>(`.list-expand-toggle[data-expand-uuid="${uuid}"]`);
+    const cell = this._container.querySelector<HTMLElement>(`.list-cell[data-cell-uuid="${uuid}"]`);
+    if (!cell) return;
+    const row = cell.querySelector<HTMLElement>(`.list-row[data-row-uuid="${uuid}"]`);
+    const chevron = cell.querySelector<HTMLElement>(`.list-expand-toggle[data-expand-uuid="${uuid}"]`);
     if (!row) return;
 
     if (this._expandedUuids.has(uuid)) {
       // Collapse
       this._expandedUuids.delete(uuid);
-      const expandedContent = this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${uuid}"]`);
-      if (expandedContent) {
-        expandedContent.remove();
-      }
+      const expandedContent = cell.querySelector(`.list-expanded-content[data-expanded-uuid="${uuid}"]`);
+      if (expandedContent) expandedContent.remove();
       if (chevron) chevron.classList.remove("expanded");
       row.classList.remove("list-row-expanded");
     } else {
@@ -548,7 +548,6 @@ export class ListViewController {
 
       const monitoringInfo = getCircuitMonitoringInfo(this._monitoringStatus, getCircuitEntityId(circuit));
       const html = buildExpandedChartHTML(uuid, circuit, this._hass, this._config, monitoringInfo);
-
       row.insertAdjacentHTML("afterend", html);
       if (chevron) chevron.classList.add("expanded");
       row.classList.add("list-row-expanded");

From 911c24e55391cc9b0c7063f7107ff59040d8a4cf Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:01:25 -0700
Subject: [PATCH 34/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 2 +-
 dist/span-panel.js      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 8768927..472dc0e 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),i=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const n=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);n&&n.remove(),i&&i.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const n=this._topology.circuits[e];if(!n)return;const s=Ve(this._monitoringStatus,Dt(n)),o=kt(e,n,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-cell[data-cell-uuid="${e}"]`);if(!t)return;const i=t.querySelector(`.list-row[data-row-uuid="${e}"]`),n=t.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const s=t.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);s&&s.remove(),n&&n.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const s=Ve(this._monitoringStatus,Dt(t)),o=kt(e,t,this._hass,this._config,s);i.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 11b4dbb..117f37b 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-row[data-row-uuid="${e}"]`),n=this._container.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(t){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const i=this._container.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);i&&i.remove(),n&&n.classList.remove("expanded"),t.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const i=this._topology.circuits[e];if(!i)return;const s=st(this._monitoringStatus,nn(i)),o=Xt(e,i,this._hass,this._config,s);t.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),t.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-cell[data-cell-uuid="${e}"]`);if(!t)return;const n=t.querySelector(`.list-row[data-row-uuid="${e}"]`),i=t.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const s=t.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);s&&s.remove(),i&&i.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const s=st(this._monitoringStatus,nn(t)),o=Xt(e,t,this._hass,this._config,s);n.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>

From 5b290e77437a0ab66f5c85699d69c94f7e41b0b0 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:28:54 -0700
Subject: [PATCH 35/97] refactor(panel): render tokens, keyed monitoring cache,
 debounced view-state persist

---
 src/card/span-panel-card.ts      | 12 +++++
 src/core/dashboard-controller.ts | 11 ++++-
 src/core/monitoring-status.ts    | 29 +++++++++++
 src/core/side-panel.ts           | 13 ++---
 src/panel/span-panel.ts          | 85 ++++++++++++++++++++++++++------
 5 files changed, 124 insertions(+), 26 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index d2b4985..c1cbb60 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -166,6 +166,7 @@ export class SpanPanelCard extends LitElement {
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
         @unit-changed=${this._onListUnitChanged}
+        @list-columns-changed=${this._onListColumnsChanged}
         @side-panel-closed=${this._onSidePanelClosed}
       >
         <div id="card-tabs"></div>
@@ -427,6 +428,17 @@ export class SpanPanelCard extends LitElement {
     this._ctrl.onGraphSettingsChanged(this.shadowRoot!);
   }
 
+  private _onListColumnsChanged(e: Event): void {
+    const n = (e as CustomEvent<number>).detail;
+    if (typeof n !== "number" || (n !== 1 && n !== 2 && n !== 3)) return;
+    // Re-render the active list view so the grid reflows. The setting
+    // is already persisted by the side panel; loadListColumns() reads
+    // the new value during _populateCardContent.
+    if (this._activeTab === "activity" || this._activeTab === "area") {
+      this._populateCardContent();
+    }
+  }
+
   private _onSidePanelClosed(): void {
     this._ctrl.monitoringCache.invalidate();
     this._ctrl.graphSettingsCache.invalidate();
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 985460d..119ad73 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -4,7 +4,7 @@ import { getHorizonDurationMs, getMaxHistoryPoints, getMinGapMs, recordSample }
 import { loadHistory, collectSubDeviceEntityIds } from "./history-loader.js";
 import { updateCircuitDOM, updateSubDeviceDOM } from "./dom-updater.js";
 import { getEffectiveHorizon, getEffectiveSubDeviceHorizon } from "./graph-settings.js";
-import { MonitoringStatusCache, mergeMonitoringStatuses } from "./monitoring-status.js";
+import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatuses } from "./monitoring-status.js";
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 
@@ -29,6 +29,7 @@ export class DashboardController {
   readonly horizonMap: Map<string, string> = new Map();
   readonly subDeviceHorizonMap: Map<string, string> = new Map();
   readonly monitoringCache = new MonitoringStatusCache();
+  readonly monitoringMultiCache = new MonitoringStatusMultiCache();
   readonly graphSettingsCache = new GraphSettingsCache();
 
   private _hass: HomeAssistant | null = null;
@@ -164,7 +165,12 @@ export class DashboardController {
    */
   async fetchMergedMonitoringStatus(entryIds: readonly string[]): Promise<MonitoringStatus | null> {
     if (!this._hass || entryIds.length === 0) return null;
-    const statuses = await Promise.all(entryIds.map(eid => this._fetchMonitoringStatusFresh(eid)));
+    const hass = this._hass;
+    // Route through the keyed multi-cache so successive renders within
+    // the 30s TTL reuse the response instead of issuing N WS calls per
+    // render. When settings change, ``monitoringMultiCache.invalidate``
+    // is called alongside the existing ``monitoringCache.invalidate``.
+    const statuses = await Promise.all(entryIds.map(eid => this.monitoringMultiCache.fetchOne(hass, eid)));
     return mergeMonitoringStatuses(statuses);
   }
 
@@ -649,6 +655,7 @@ export class DashboardController {
     this.horizonMap.clear();
     this.subDeviceHorizonMap.clear();
     this.monitoringCache.clear();
+    this.monitoringMultiCache.clear();
     this.graphSettingsCache.clear();
   }
 }
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index 72915c6..a69da88 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -65,6 +65,35 @@ export class MonitoringStatusCache {
   }
 }
 
+/**
+ * Caches monitoring status per config entry. Used by the Favorites
+ * view which must fetch for multiple entries in parallel and would
+ * otherwise issue fresh WS calls on every render tick.
+ */
+export class MonitoringStatusMultiCache {
+  private _caches = new Map<string, MonitoringStatusCache>();
+
+  /** Fetch monitoring status for a single entry, honoring the TTL. */
+  async fetchOne(hass: HomeAssistant, entryId: string): Promise<MonitoringStatus | null> {
+    let cache = this._caches.get(entryId);
+    if (!cache) {
+      cache = new MonitoringStatusCache();
+      this._caches.set(entryId, cache);
+    }
+    return cache.fetch(hass, entryId);
+  }
+
+  /** Invalidate every cached entry. */
+  invalidate(): void {
+    for (const cache of this._caches.values()) cache.invalidate();
+  }
+
+  /** Clear entries — used on panel membership changes. */
+  clear(): void {
+    this._caches.clear();
+  }
+}
+
 /**
  * Merge multiple MonitoringStatus results into one. Null entries are
  * skipped. Returns null only if every input is null. Later entries
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index d2c4622..386edac 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -423,6 +423,11 @@ class SpanSidePanel extends HTMLElement {
     const globalHorizon = graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
     const circuitSettings = graphSettings?.circuits ?? {};
 
+    // ── List view columns ──
+    // Placed above the horizon sections so the horizon-related sections
+    // (global default + per-circuit scales) sit together below.
+    body.appendChild(this._buildListColumnsSection());
+
     // ── Global default horizon ──
     const globalSection = document.createElement("div");
     globalSection.className = "section";
@@ -463,14 +468,6 @@ class SpanSidePanel extends HTMLElement {
     globalSection.appendChild(globalRow);
     body.appendChild(globalSection);
 
-    // ── List view columns ──
-    // This is a display preference persisted to localStorage by
-    // span-panel.ts. It applies to every list view (Activity / Area,
-    // including the Favorites pseudo-panel). We surface it here in the
-    // Graph Settings side panel because it's the closest thing to a
-    // global display-preferences surface the UI exposes today.
-    body.appendChild(this._buildListColumnsSection());
-
     // ── Per-circuit horizon scales ──
     if (topology?.circuits) {
       const circuitSection = document.createElement("div");
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 38d1b82..0afdd2d 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -19,7 +19,7 @@ import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
 import { CARD_STYLES } from "../card/card-styles.js";
 import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
 import { FavoritesController, type FavoritesPanelStatsInfo } from "../core/favorites-controller.js";
-import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
+import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice } from "../types.js";
 
 const FAVORITES_PANEL_ID = "favorites";
 const FAVORITES_VIEW_STATE_KEY = "span_panel_favorites_view_state";
@@ -294,6 +294,16 @@ export class SpanPanelElement extends LitElement {
         changedProps.has("_chartMetric") ||
         changedProps.has("_listColumns"))
     ) {
+      // Defensive normalization: the Favorites pseudo-panel has no
+      // "By Panel" tab. ``_onPanelChange`` and ``_discoverPanels``
+      // redirect when they switch into Favorites, but an external
+      // navigate-tab event or a stale state could still land here —
+      // coerce to the Activity tab and let the resulting state change
+      // schedule the single render.
+      if (this._isFavoritesView && this._activeTab === "dashboard") {
+        this._activeTab = "activity";
+        return;
+      }
       this._scheduleTabRender();
     }
 
@@ -455,6 +465,9 @@ export class SpanPanelElement extends LitElement {
       ctrl.monitoringCache.invalidate();
       ctrl.graphSettingsCache.invalidate();
     }
+    // The Favorites view uses the multi-entry cache for monitoring; if
+    // the side panel adjusted any settings, freshen those too.
+    this._listDashCtrl.monitoringMultiCache.invalidate();
   }
 
   private _onUnitChanged(e: Event): void {
@@ -490,6 +503,8 @@ export class SpanPanelElement extends LitElement {
     // Reactive updated() handles the re-render.
   }
 
+  private _persistFavoritesViewStateTimer: ReturnType<typeof setTimeout> | null = null;
+
   private _onFavoritesViewStateChangedEvent(ev: Event): void {
     if (!this._isFavoritesView) return;
     const detail = (ev as CustomEvent<FavoritesViewStateDetail>).detail;
@@ -500,7 +515,17 @@ export class SpanPanelElement extends LitElement {
     const valid = this._listDashCtrl.topology?.circuits ?? {};
     viewState.expanded[detail.view] = detail.expanded.filter(id => id in valid);
     viewState.searchQuery = detail.searchQuery;
-    _saveFavoritesViewState(viewState);
+
+    // Search-box updates fire on every keystroke; expansion and tab
+    // switches are discrete. Debounce localStorage writes so typing a
+    // long query doesn't thrash storage.
+    if (this._persistFavoritesViewStateTimer) {
+      clearTimeout(this._persistFavoritesViewStateTimer);
+    }
+    this._persistFavoritesViewStateTimer = setTimeout(() => {
+      this._persistFavoritesViewStateTimer = null;
+      _saveFavoritesViewState(viewState);
+    }, 250);
   }
 
   // ── Internal helpers ────────────────────────────────────────────────
@@ -677,14 +702,6 @@ export class SpanPanelElement extends LitElement {
 
   /**
    * Build the persistent panel-stats header HTML for the current real
-   * panel, including the slide-to-confirm switches control so tappable
-   * ON/OFF badges in list views require explicit user arming.
-   */
-  private _buildCurrentPanelHeaderHTML(topology: PanelTopology, config: CardConfig): string {
-    return buildHeaderHTML(topology, config);
-  }
-
-  /**
    * Build a minimal summary strip for the Favorites pseudo-panel. The
    * aggregate has no panel-level stats to render, so we surface the
    * circuit + panel counts and the W/A unit toggle (since the list view
@@ -755,6 +772,15 @@ export class SpanPanelElement extends LitElement {
 
   private _pendingTabRender: Promise<void> | null = null;
   private _pendingFollowupRender = false;
+  /**
+   * Monotonic render token. Every entry to ``_renderTab`` captures the
+   * current value; after each ``await`` inside a render path the code
+   * compares against ``this._renderToken`` and bails if another render
+   * has been scheduled since. Without this, a slow render that has
+   * already been superseded still completes and writes into the
+   * container, producing a brief flash and wasted WS traffic.
+   */
+  private _renderToken = 0;
 
   /**
    * Coalesce tab-render requests. If a render is in-flight, remember
@@ -784,19 +810,34 @@ export class SpanPanelElement extends LitElement {
     await run;
   }
 
+  /**
+   * Capture the current render token and return a predicate that tells
+   * a render branch whether it's been superseded. Each branch should
+   * call it after every ``await`` and bail out of further work when it
+   * returns true.
+   */
+  private _beginRender(): () => boolean {
+    this._renderToken += 1;
+    const token = this._renderToken;
+    return (): boolean => this._renderToken !== token;
+  }
+
   private async _renderTab(): Promise<void> {
+    const superseded = this._beginRender();
+
     this._dashboardTab.stop();
     this._monitoringTab.stop();
     this._listCtrl.stop();
     this._listDashCtrl.stopIntervals();
     for (const tab of this._favoritesMonitoringTabs.values()) tab.stop();
     this._favoritesMonitoringTabs.clear();
+    this._favoritesPanelStats = [];
 
     const container = this.shadowRoot!.getElementById("tab-content");
     if (!container) return;
 
     if (this._isFavoritesView) {
-      await this._renderFavoritesTab(container);
+      await this._renderFavoritesTab(container, superseded);
       return;
     }
 
@@ -819,6 +860,7 @@ export class SpanPanelElement extends LitElement {
         const entryId = device?.config_entries?.[0] ?? null;
         try {
           const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
+          if (superseded()) return;
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, entryId);
           // A full re-render (including on W/A switch) needs fresh
@@ -827,15 +869,19 @@ export class SpanPanelElement extends LitElement {
           // the new chart.
           this._listDashCtrl.powerHistory.clear();
           await this._listDashCtrl.monitoringCache.fetch(this.hass, entryId);
+          if (superseded()) return;
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
-          const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          if (superseded()) return;
+          const headerHTML = result.topology ? buildHeaderHTML(result.topology, config) : "";
           this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderActivityView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
+          if (superseded()) return;
           this._listDashCtrl.updateDOM(container);
           this._listDashCtrl.startIntervals(container);
         } catch (err) {
+          if (superseded()) return;
           const errEl = document.createElement("p");
           errEl.style.color = "var(--error-color)";
           errEl.textContent = (err as Error).message;
@@ -849,16 +895,20 @@ export class SpanPanelElement extends LitElement {
         const areaEntryId = areaDevice?.config_entries?.[0] ?? null;
         try {
           const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
+          if (superseded()) return;
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, areaEntryId);
           this._listDashCtrl.powerHistory.clear();
           await this._listDashCtrl.monitoringCache.fetch(this.hass, areaEntryId);
+          if (superseded()) return;
           await this._listDashCtrl.fetchAndBuildHorizonMaps();
-          const headerHTML = result.topology ? this._buildCurrentPanelHeaderHTML(result.topology, config) : "";
+          if (superseded()) return;
+          const headerHTML = result.topology ? buildHeaderHTML(result.topology, config) : "";
           this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderAreaView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
           container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
+          if (superseded()) return;
           this._listDashCtrl.updateDOM(container);
           this._listDashCtrl.startIntervals(container);
 
@@ -898,14 +948,13 @@ export class SpanPanelElement extends LitElement {
    * tab bar and ``_onPanelChange`` auto-reroutes to Activity when the
    * user switches panels while it was active.
    */
-  private async _renderFavoritesTab(container: HTMLElement): Promise<void> {
-    if (this._activeTab === "dashboard") this._activeTab = "activity";
-
+  private async _renderFavoritesTab(container: HTMLElement, superseded: () => boolean): Promise<void> {
     container.innerHTML = "";
     if (!this.hass) return;
 
     const realPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
     const build = await this._favCtrl.build(this.hass, this._favorites, realPanels);
+    if (superseded()) return;
     const merged = build.topology;
     const primaryEntryId = build.entryIds[0] ?? null;
 
@@ -941,7 +990,9 @@ export class SpanPanelElement extends LitElement {
     this._listDashCtrl.init(merged, config, this.hass, primaryEntryId);
     this._listDashCtrl.powerHistory.clear();
     await this._listDashCtrl.fetchAndBuildHorizonMaps();
+    if (superseded()) return;
     const monitoringStatus = await this._listDashCtrl.fetchMergedMonitoringStatus(build.entryIds);
+    if (superseded()) return;
 
     this._favoritesPanelStats = build.perPanelStats;
     const summaryHTML = this._buildFavoritesSummaryHTML();
@@ -960,12 +1011,14 @@ export class SpanPanelElement extends LitElement {
       }
       container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
       await this._listDashCtrl.loadHistory();
+      if (superseded()) return;
       this._listDashCtrl.updateDOM(container);
       this._updateFavoritesPanelStats(container, config);
       this._listDashCtrl.startIntervals(container, () => {
         this._updateFavoritesPanelStats(container, config);
       });
     } catch (err) {
+      if (superseded()) return;
       const errEl = document.createElement("p");
       errEl.style.color = "var(--error-color)";
       errEl.textContent = (err as Error).message;

From 1521f8b9ecd7c83afdf2385daa73f5e57b6fc5fb Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:33:58 -0700
Subject: [PATCH 36/97] refactor: CSS.escape for selectors; single CARD_STYLES
 emit; panel-name diff

---
 src/card/card-styles.ts          | 15 +++++++++
 src/core/dom-updater.ts          |  7 +++--
 src/core/list-view-controller.ts | 10 +++---
 src/helpers/selector.ts          | 16 ++++++++++
 src/panel/span-panel.ts          | 52 +++++++++++++++++++++-----------
 5 files changed, 75 insertions(+), 25 deletions(-)
 create mode 100644 src/helpers/selector.ts

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index f2688dd..01d84a2 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -53,6 +53,21 @@ export const CARD_STYLES: string = `
     gap: 16px 32px;
   }
 
+  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */
+  .favorites-summary {
+    padding: 8px 24px;
+    border-bottom: 1px solid var(--divider-color, #e0e0e0);
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .favorites-summary-unit-toggle {
+    margin-left: auto;
+  }
+  .favorites-subdevices-section {
+    padding: 8px 16px 0;
+  }
+
   /* Favorites view: responsive grid of per-contributing-panel status cards. */
   .favorites-panel-stats-grid {
     display: grid;
diff --git a/src/core/dom-updater.ts b/src/core/dom-updater.ts
index 1782c97..a9b87f1 100644
--- a/src/core/dom-updater.ts
+++ b/src/core/dom-updater.ts
@@ -14,6 +14,7 @@ import { getChartMetric } from "../helpers/chart.js";
 import { findSubDevicePowerEntity } from "../helpers/entity-finder.js";
 import { getHistoryDurationMs, getHorizonDurationMs } from "../helpers/history.js";
 import { updateChart } from "../chart/chart-update.js";
+import { attrSelectorValue } from "../helpers/selector.js";
 import type { HomeAssistant, PanelTopology, CardConfig, HistoryMap, ChartMetricDef } from "../types.js";
 
 // ── Header stats ───────────────────────────────────────────────────────────
@@ -155,7 +156,7 @@ export function updateCircuitDOM(
   const showCurrent = chartMetric.entityRole === "current";
 
   for (const [uuid, circuit] of Object.entries(topology.circuits)) {
-    const slot = root.querySelector(`.circuit-slot[data-uuid="${uuid}"]`);
+    const slot = root.querySelector(`.circuit-slot[data-uuid="${attrSelectorValue(uuid)}"]`);
     if (!slot) continue;
 
     const entityId = circuit.entities?.power;
@@ -254,7 +255,7 @@ export function updateSubDeviceDOM(
   const defaultDurationMs = getHistoryDurationMs(config);
 
   for (const [devId, sub] of Object.entries(topology.sub_devices)) {
-    const section = root.querySelector(`[data-subdev="${devId}"]`);
+    const section = root.querySelector(`[data-subdev="${attrSelectorValue(devId)}"]`);
     if (!section) continue;
 
     const powerEid = findSubDevicePowerEntity(sub);
@@ -282,7 +283,7 @@ export function updateSubDeviceDOM(
     }
 
     for (const entityId of Object.keys(sub.entities || {})) {
-      const valEl = section.querySelector(`[data-eid="${entityId}"]`);
+      const valEl = section.querySelector(`[data-eid="${attrSelectorValue(entityId)}"]`);
       if (!valEl) continue;
       const state = hass.states[entityId];
       if (state) {
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index 0f17813..c774926 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -1,4 +1,5 @@
 import { escapeHtml } from "../helpers/sanitize.js";
+import { attrSelectorValue } from "../helpers/selector.js";
 import { RELAY_STATE_CLOSED } from "../constants.js";
 import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { getChartMetric } from "../helpers/chart.js";
@@ -526,16 +527,17 @@ export class ListViewController {
   private _toggleExpand(uuid: string): void {
     if (!this._container || !this._hass || !this._topology || !this._config) return;
 
-    const cell = this._container.querySelector<HTMLElement>(`.list-cell[data-cell-uuid="${uuid}"]`);
+    const safeUuid = attrSelectorValue(uuid);
+    const cell = this._container.querySelector<HTMLElement>(`.list-cell[data-cell-uuid="${safeUuid}"]`);
     if (!cell) return;
-    const row = cell.querySelector<HTMLElement>(`.list-row[data-row-uuid="${uuid}"]`);
-    const chevron = cell.querySelector<HTMLElement>(`.list-expand-toggle[data-expand-uuid="${uuid}"]`);
+    const row = cell.querySelector<HTMLElement>(`.list-row[data-row-uuid="${safeUuid}"]`);
+    const chevron = cell.querySelector<HTMLElement>(`.list-expand-toggle[data-expand-uuid="${safeUuid}"]`);
     if (!row) return;
 
     if (this._expandedUuids.has(uuid)) {
       // Collapse
       this._expandedUuids.delete(uuid);
-      const expandedContent = cell.querySelector(`.list-expanded-content[data-expanded-uuid="${uuid}"]`);
+      const expandedContent = cell.querySelector(`.list-expanded-content[data-expanded-uuid="${safeUuid}"]`);
       if (expandedContent) expandedContent.remove();
       if (chevron) chevron.classList.remove("expanded");
       row.classList.remove("list-row-expanded");
diff --git a/src/helpers/selector.ts b/src/helpers/selector.ts
new file mode 100644
index 0000000..a3e0bc4
--- /dev/null
+++ b/src/helpers/selector.ts
@@ -0,0 +1,16 @@
+/**
+ * Escape a value for safe use inside a CSS attribute selector string.
+ * Circuit UUIDs and HA entity IDs are hex/alphanumeric in practice, but
+ * the Favorites view's composite ids use ``|`` as a separator and any
+ * user-surfaced identifier could in principle contain characters that
+ * need escaping. Using ``CSS.escape`` keeps ``querySelector`` calls
+ * correct regardless of what the identifier actually contains.
+ */
+export function attrSelectorValue(value: string): string {
+  if (typeof (globalThis as { CSS?: { escape?: (v: string) => string } }).CSS?.escape === "function") {
+    return CSS.escape(value);
+  }
+  // Minimal fallback: escape the characters that are unsafe inside
+  // a double-quoted attribute selector. Production browsers ship CSS.escape.
+  return value.replace(/["\\]/g, "\\$&");
+}
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 0afdd2d..46081e4 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -1,4 +1,4 @@
-import { LitElement, html, css } from "lit";
+import { LitElement, html, css, unsafeCSS } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { INTEGRATION_DOMAIN } from "../constants.js";
@@ -16,6 +16,7 @@ import { updatePanelStatsBlock } from "../core/dom-updater.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
 import { escapeHtml } from "../helpers/sanitize.js";
 import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
+import { attrSelectorValue } from "../helpers/selector.js";
 import { CARD_STYLES } from "../card/card-styles.js";
 import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
 import { FavoritesController, type FavoritesPanelStatsInfo } from "../core/favorites-controller.js";
@@ -122,7 +123,7 @@ export class SpanPanelElement extends LitElement {
   private _onFavoritesChanged: (() => void) | null = null;
   private _deviceRegistryUnsub: Promise<() => void> | null = null;
 
-  static styles = css`
+  private static _shellStyles = css`
     :host {
       color: var(--primary-text-color);
     }
@@ -221,6 +222,14 @@ export class SpanPanelElement extends LitElement {
     }
   `;
 
+  /**
+   * CARD_STYLES carries the ~700-line stylesheet shared with the
+   * Lovelace card (list rows, breaker-grid slots, toggle pill, side
+   * panel, etc.). Emit it once via Lit's static styles (scoped to the
+   * shadow root) instead of re-injecting it per tab render.
+   */
+  static override styles = [SpanPanelElement._shellStyles, unsafeCSS(CARD_STYLES)];
+
   connectedCallback(): void {
     super.connectedCallback();
 
@@ -550,10 +559,21 @@ export class SpanPanelElement extends LitElement {
     });
     const realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
 
-    const prevRealIds = new Set(this._panels.filter(p => p.id !== FAVORITES_PANEL_ID).map(p => p.id));
-    const newRealIds = new Set(realPanels.map(p => p.id));
-    const realChanged = prevRealIds.size !== newRealIds.size || [...prevRealIds].some(id => !newRealIds.has(id));
-    if (!realChanged) return;
+    const prevPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
+    const prevById = new Map(prevPanels.map(p => [p.id, p]));
+    const newIds = new Set(realPanels.map(p => p.id));
+    const idsChanged = prevById.size !== newIds.size || [...prevById.keys()].some(id => !newIds.has(id));
+    // Also detect renames so the dropdown reflects user-facing panel
+    // renames without requiring a reload. We compare both ``name`` and
+    // ``name_by_user`` because HA surfaces either depending on setup.
+    const namesChanged =
+      !idsChanged &&
+      realPanels.some(next => {
+        const prev = prevById.get(next.id);
+        if (!prev) return false;
+        return prev.name !== next.name || prev.name_by_user !== next.name_by_user;
+      });
+    if (!idsChanged && !namesChanged) return;
 
     this._panels = this._buildPanelList(realPanels, this._favorites);
     if (!this._panels.some(p => p.id === this._selectedPanelId) && this._panels.length > 0) {
@@ -701,23 +721,22 @@ export class SpanPanelElement extends LitElement {
   }
 
   /**
-   * Build the persistent panel-stats header HTML for the current real
-   * Build a minimal summary strip for the Favorites pseudo-panel. The
-   * aggregate has no panel-level stats to render, so we surface the
-   * circuit + panel counts and the W/A unit toggle (since the list view
-   * no longer renders its own — the persistent header owns it).
+   * Build a minimal summary strip for the Favorites pseudo-panel —
+   * slide-to-arm control (required for the tappable list-row toggles
+   * to fire) plus the W/A unit toggle. Styles live in ``CARD_STYLES``
+   * under ``.favorites-summary``.
    */
   private _buildFavoritesSummaryHTML(): string {
     const isAmpsMode = (this._chartMetric || "power") === "current";
     return `
-      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">
+      <div class="favorites-summary">
         <div class="slide-confirm" data-text-off="${escapeHtml(t("header.enable_switches"))}" data-text-on="${escapeHtml(t("header.switches_enabled"))}">
           <span class="slide-confirm-text">${escapeHtml(t("header.enable_switches"))}</span>
           <div class="slide-confirm-knob">
             <ha-icon icon="mdi:lock"></ha-icon>
           </div>
         </div>
-        <div class="unit-toggle" style="margin-left:auto;" title="${escapeHtml(t("header.toggle_units"))}">
+        <div class="unit-toggle favorites-summary-unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
           <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
           <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
         </div>
@@ -754,7 +773,7 @@ export class SpanPanelElement extends LitElement {
   private _updateFavoritesPanelStats(container: HTMLElement, config: CardConfig): void {
     if (!this.hass || this._favoritesPanelStats.length === 0) return;
     for (const info of this._favoritesPanelStats) {
-      const block = container.querySelector(`.panel-stats[data-stats-panel-id="${info.panelDeviceId}"]`);
+      const block = container.querySelector(`.panel-stats[data-stats-panel-id="${attrSelectorValue(info.panelDeviceId)}"]`);
       if (!block) continue;
       updatePanelStatsBlock(block, this.hass, info.topology, config, 0);
     }
@@ -875,7 +894,6 @@ export class SpanPanelElement extends LitElement {
           const headerHTML = result.topology ? buildHeaderHTML(result.topology, config) : "";
           this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderActivityView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
-          container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
           if (superseded()) return;
           this._listDashCtrl.updateDOM(container);
@@ -906,7 +924,6 @@ export class SpanPanelElement extends LitElement {
           const headerHTML = result.topology ? buildHeaderHTML(result.topology, config) : "";
           this._listCtrl.setColumns(this._listColumns);
           this._listCtrl.renderAreaView(container, this.hass, result.topology!, config, this._listDashCtrl.monitoringCache.status, headerHTML);
-          container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
           await this._listDashCtrl.loadHistory();
           if (superseded()) return;
           this._listDashCtrl.updateDOM(container);
@@ -998,7 +1015,7 @@ export class SpanPanelElement extends LitElement {
     const summaryHTML = this._buildFavoritesSummaryHTML();
     const panelStatsHTML = this._buildFavoritesPanelStatsGridHTML(build.perPanelStats, config);
     const subDevicesHTML = hasSubDevices
-      ? `<div class="favorites-subdevices-section" style="padding:8px 16px 0;">
+      ? `<div class="favorites-subdevices-section">
            <div class="sub-devices">${buildSubDevicesHTML(merged, this.hass, config)}</div>
          </div>`
       : "";
@@ -1009,7 +1026,6 @@ export class SpanPanelElement extends LitElement {
       } else {
         this._listCtrl.renderAreaView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
       }
-      container.insertAdjacentHTML("afterbegin", `<style>${CARD_STYLES}</style>`);
       await this._listDashCtrl.loadHistory();
       if (superseded()) return;
       this._listDashCtrl.updateDOM(container);

From 145acebb5e9391431a3cdadf673e4a3fccdede3d Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:35:04 -0700
Subject: [PATCH 37/97] refactor(panel): extract FavoritesViewState persistence
 to its own module

---
 src/panel/favorites-view-state.ts | 52 ++++++++++++++++++++++++
 src/panel/span-panel.ts           | 66 ++++++-------------------------
 2 files changed, 65 insertions(+), 53 deletions(-)
 create mode 100644 src/panel/favorites-view-state.ts

diff --git a/src/panel/favorites-view-state.ts b/src/panel/favorites-view-state.ts
new file mode 100644
index 0000000..3180530
--- /dev/null
+++ b/src/panel/favorites-view-state.ts
@@ -0,0 +1,52 @@
+const FAVORITES_VIEW_STATE_KEY = "span_panel_favorites_view_state";
+
+export interface FavoritesViewState {
+  activeTab?: "activity" | "area" | "monitoring";
+  expanded: { activity: string[]; area: string[] };
+  searchQuery?: string;
+}
+
+export function defaultFavoritesViewState(): FavoritesViewState {
+  return { expanded: { activity: [], area: [] } };
+}
+
+/**
+ * Load the Favorites view state from localStorage. Returns defaults
+ * when the slot is empty, unparseable, or shaped unexpectedly. Every
+ * access is wrapped so quota/storage errors degrade gracefully.
+ */
+export function loadFavoritesViewState(): FavoritesViewState {
+  try {
+    const raw = localStorage.getItem(FAVORITES_VIEW_STATE_KEY);
+    if (!raw) return defaultFavoritesViewState();
+    const parsed = JSON.parse(raw) as Partial<FavoritesViewState> | null;
+    if (!parsed || typeof parsed !== "object") return defaultFavoritesViewState();
+    const expanded = parsed.expanded ?? { activity: [], area: [] };
+    return {
+      activeTab: parsed.activeTab,
+      expanded: {
+        activity: Array.isArray(expanded.activity) ? expanded.activity : [],
+        area: Array.isArray(expanded.area) ? expanded.area : [],
+      },
+      searchQuery: typeof parsed.searchQuery === "string" ? parsed.searchQuery : undefined,
+    };
+  } catch {
+    return defaultFavoritesViewState();
+  }
+}
+
+export function saveFavoritesViewState(viewState: FavoritesViewState): void {
+  try {
+    localStorage.setItem(FAVORITES_VIEW_STATE_KEY, JSON.stringify(viewState));
+  } catch {
+    // LocalStorage quota or disabled — non-fatal; state doesn't persist.
+  }
+}
+
+export function clearFavoritesViewState(): void {
+  try {
+    localStorage.removeItem(FAVORITES_VIEW_STATE_KEY);
+  } catch {
+    // non-fatal
+  }
+}
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 46081e4..257650d 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -20,56 +20,16 @@ import { attrSelectorValue } from "../helpers/selector.js";
 import { CARD_STYLES } from "../card/card-styles.js";
 import { FAVORITES_CHANGED_EVENT, FavoritesCache, hasAnyFavorites } from "../core/favorites-store.js";
 import { FavoritesController, type FavoritesPanelStatsInfo } from "../core/favorites-controller.js";
+import {
+  clearFavoritesViewState,
+  defaultFavoritesViewState,
+  loadFavoritesViewState,
+  saveFavoritesViewState,
+  type FavoritesViewState,
+} from "./favorites-view-state.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice } from "../types.js";
 
 const FAVORITES_PANEL_ID = "favorites";
-const FAVORITES_VIEW_STATE_KEY = "span_panel_favorites_view_state";
-
-interface FavoritesViewState {
-  activeTab?: "activity" | "area" | "monitoring";
-  expanded: { activity: string[]; area: string[] };
-  searchQuery?: string;
-}
-
-function _defaultFavoritesViewState(): FavoritesViewState {
-  return { expanded: { activity: [], area: [] } };
-}
-
-function _loadFavoritesViewState(): FavoritesViewState {
-  try {
-    const raw = localStorage.getItem(FAVORITES_VIEW_STATE_KEY);
-    if (!raw) return _defaultFavoritesViewState();
-    const parsed = JSON.parse(raw) as Partial<FavoritesViewState> | null;
-    if (!parsed || typeof parsed !== "object") return _defaultFavoritesViewState();
-    const expanded = parsed.expanded ?? { activity: [], area: [] };
-    return {
-      activeTab: parsed.activeTab,
-      expanded: {
-        activity: Array.isArray(expanded.activity) ? expanded.activity : [],
-        area: Array.isArray(expanded.area) ? expanded.area : [],
-      },
-      searchQuery: typeof parsed.searchQuery === "string" ? parsed.searchQuery : undefined,
-    };
-  } catch {
-    return _defaultFavoritesViewState();
-  }
-}
-
-function _saveFavoritesViewState(viewState: FavoritesViewState): void {
-  try {
-    localStorage.setItem(FAVORITES_VIEW_STATE_KEY, JSON.stringify(viewState));
-  } catch {
-    // LocalStorage quota or disabled — non-fatal; state doesn't persist.
-  }
-}
-
-function _clearFavoritesViewState(): void {
-  try {
-    localStorage.removeItem(FAVORITES_VIEW_STATE_KEY);
-  } catch {
-    // non-fatal
-  }
-}
 
 type TabName = "dashboard" | "activity" | "area" | "monitoring";
 
@@ -90,7 +50,7 @@ export class SpanPanelElement extends LitElement {
   @state() private _listColumns: number = loadListColumns();
   @state() private _favorites: FavoritesMap = {};
 
-  private _favoritesViewState: FavoritesViewState = _defaultFavoritesViewState();
+  private _favoritesViewState: FavoritesViewState = defaultFavoritesViewState();
   /**
    * Per-contributing-panel stats snapshot for the active Favorites
    * render. Populated from ``FavoritesController.build`` and consumed
@@ -443,7 +403,7 @@ export class SpanPanelElement extends LitElement {
     this._activeTab = tab;
     if (this._isFavoritesView && tab !== "dashboard") {
       this._favoritesViewState.activeTab = tab;
-      _saveFavoritesViewState(this._favoritesViewState);
+      saveFavoritesViewState(this._favoritesViewState);
     }
     // No explicit _scheduleTabRender — Lit's updated() sees
     // _activeTab change and schedules the render. Calling here too
@@ -533,7 +493,7 @@ export class SpanPanelElement extends LitElement {
     }
     this._persistFavoritesViewStateTimer = setTimeout(() => {
       this._persistFavoritesViewStateTimer = null;
-      _saveFavoritesViewState(viewState);
+      saveFavoritesViewState(viewState);
     }, 250);
   }
 
@@ -602,7 +562,7 @@ export class SpanPanelElement extends LitElement {
 
     this._favorites = await this._loadFavorites();
     this._panels = this._buildPanelList(realPanels, this._favorites);
-    this._favoritesViewState = _loadFavoritesViewState();
+    this._favoritesViewState = loadFavoritesViewState();
 
     this._discoveryError = null;
     this._discovered = true;
@@ -682,8 +642,8 @@ export class SpanPanelElement extends LitElement {
       // drop the persisted Favorites view state so a fresh return opens
       // with defaults. The selectedPanelId change reactively re-renders
       // the tab content via ``updated()``.
-      _clearFavoritesViewState();
-      this._favoritesViewState = _defaultFavoritesViewState();
+      clearFavoritesViewState();
+      this._favoritesViewState = defaultFavoritesViewState();
       const fallback = realPanels[0];
       if (fallback) {
         this._selectedPanelId = fallback.id;

From 92b5b8f6a6901335539defe035f10127b4a5b02e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:39:42 -0700
Subject: [PATCH 38/97] test: cover FavoritesController.build and render
 coalescing logic
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Extract coalescing and render-token logic from SpanPanelElement into
pure helpers (coalesceRuns, makeRenderToken) in src/panel/coalesce.ts,
then cover both with unit tests alongside new FavoritesController.build
tests for composite-id construction, panel-prefix logic, error handling,
and favorites ref tracking (116 → 132 tests).
---
 src/panel/coalesce.ts              |  67 +++++++++
 src/panel/span-panel.ts            |  51 ++-----
 tests/coalesce.test.ts             | 150 ++++++++++++++++++++
 tests/favorites-controller.test.ts | 218 +++++++++++++++++++++++++++++
 4 files changed, 448 insertions(+), 38 deletions(-)
 create mode 100644 src/panel/coalesce.ts
 create mode 100644 tests/coalesce.test.ts
 create mode 100644 tests/favorites-controller.test.ts

diff --git a/src/panel/coalesce.ts b/src/panel/coalesce.ts
new file mode 100644
index 0000000..cf8ade2
--- /dev/null
+++ b/src/panel/coalesce.ts
@@ -0,0 +1,67 @@
+/**
+ * Returns a scheduler that coalesces concurrent async invocations.
+ *
+ * When the scheduler is called:
+ * - If nothing is running, it starts the work immediately.
+ * - If work is already in-flight, it records a single follow-up request
+ *   (additional requests while in-flight are collapsed into that same
+ *   follow-up, not queued individually).
+ * - When the in-flight work finishes, exactly one follow-up run is
+ *   started (if one was requested).
+ *
+ * This prevents two concurrent calls to ``work`` from racing with each
+ * other, while still guaranteeing that a request arriving after the
+ * in-flight run started is honoured.
+ */
+export function coalesceRuns(work: () => Promise<void>): () => Promise<void> {
+  let inFlight: Promise<void> | null = null;
+  let followUpPending = false;
+
+  async function schedule(): Promise<void> {
+    if (inFlight) {
+      followUpPending = true;
+      return;
+    }
+    const run = (async (): Promise<void> => {
+      try {
+        await work();
+      } finally {
+        inFlight = null;
+      }
+      if (followUpPending) {
+        followUpPending = false;
+        await schedule();
+      }
+    })();
+    inFlight = run;
+    await run;
+  }
+
+  return schedule;
+}
+
+/**
+ * Returns a pair ``[beginRun, superseded]``.
+ *
+ * ``beginRun()`` increments an internal monotonic counter and returns
+ * a snapshot. ``superseded()`` returns ``true`` if another call to
+ * ``beginRun()`` has happened since the snapshot was taken, signalling
+ * that the current async branch should abort.
+ *
+ * Usage:
+ * ```ts
+ * const makeToken = makeRenderToken();
+ * // inside async work:
+ * const superseded = makeToken();
+ * await something();
+ * if (superseded()) return;
+ * ```
+ */
+export function makeRenderToken(): () => () => boolean {
+  let counter = 0;
+  return (): (() => boolean) => {
+    counter += 1;
+    const snapshot = counter;
+    return (): boolean => counter !== snapshot;
+  };
+}
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 257650d..53faabb 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -27,6 +27,7 @@ import {
   saveFavoritesViewState,
   type FavoritesViewState,
 } from "./favorites-view-state.js";
+import { coalesceRuns, makeRenderToken } from "./coalesce.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice } from "../types.js";
 
 const FAVORITES_PANEL_ID = "favorites";
@@ -749,17 +750,19 @@ export class SpanPanelElement extends LitElement {
     };
   }
 
-  private _pendingTabRender: Promise<void> | null = null;
-  private _pendingFollowupRender = false;
   /**
-   * Monotonic render token. Every entry to ``_renderTab`` captures the
-   * current value; after each ``await`` inside a render path the code
-   * compares against ``this._renderToken`` and bails if another render
-   * has been scheduled since. Without this, a slow render that has
-   * already been superseded still completes and writes into the
-   * container, producing a brief flash and wasted WS traffic.
+   * Coalesces concurrent tab-render requests so at most one render is
+   * in-flight at a time, with exactly one follow-up if more requests
+   * arrived while the current one was running.
    */
-  private _renderToken = 0;
+  private readonly _tabRenderScheduler = coalesceRuns(async () => this._renderTab());
+
+  /**
+   * Monotonic render-token factory. Each call to the returned function
+   * increments the counter and returns a ``superseded()`` predicate that
+   * tells a render branch whether it has been overtaken by a later render.
+   */
+  private readonly _beginRender = makeRenderToken();
 
   /**
    * Coalesce tab-render requests. If a render is in-flight, remember
@@ -770,35 +773,7 @@ export class SpanPanelElement extends LitElement {
    */
   private async _scheduleTabRender(): Promise<void> {
     await this.updateComplete;
-    if (this._pendingTabRender) {
-      this._pendingFollowupRender = true;
-      return;
-    }
-    const run = (async (): Promise<void> => {
-      try {
-        await this._renderTab();
-      } finally {
-        this._pendingTabRender = null;
-      }
-      if (this._pendingFollowupRender) {
-        this._pendingFollowupRender = false;
-        await this._scheduleTabRender();
-      }
-    })();
-    this._pendingTabRender = run;
-    await run;
-  }
-
-  /**
-   * Capture the current render token and return a predicate that tells
-   * a render branch whether it's been superseded. Each branch should
-   * call it after every ``await`` and bail out of further work when it
-   * returns true.
-   */
-  private _beginRender(): () => boolean {
-    this._renderToken += 1;
-    const token = this._renderToken;
-    return (): boolean => this._renderToken !== token;
+    await this._tabRenderScheduler();
   }
 
   private async _renderTab(): Promise<void> {
diff --git a/tests/coalesce.test.ts b/tests/coalesce.test.ts
new file mode 100644
index 0000000..f066367
--- /dev/null
+++ b/tests/coalesce.test.ts
@@ -0,0 +1,150 @@
+import { describe, it, expect, vi } from "vitest";
+import { coalesceRuns, makeRenderToken } from "../src/panel/coalesce.js";
+
+// ---------------------------------------------------------------------------
+// coalesceRuns
+// ---------------------------------------------------------------------------
+
+describe("coalesceRuns", () => {
+  it("single call → work runs exactly once", async () => {
+    const work = vi.fn().mockResolvedValue(undefined);
+    const schedule = coalesceRuns(work);
+
+    await schedule();
+
+    expect(work).toHaveBeenCalledTimes(1);
+  });
+
+  it("two concurrent calls → work runs twice (once in-flight, one follow-up)", async () => {
+    let resolveFirst!: () => void;
+    const firstRunStarted = new Promise<void>(res => {
+      resolveFirst = res;
+    });
+
+    let releaseFirst!: () => void;
+    const firstRunGate = new Promise<void>(res => {
+      releaseFirst = res;
+    });
+
+    const callOrder: number[] = [];
+    let callCount = 0;
+
+    const work = vi.fn().mockImplementation(async () => {
+      callCount++;
+      const thisCall = callCount;
+      callOrder.push(thisCall);
+      if (thisCall === 1) {
+        resolveFirst();
+        await firstRunGate;
+      }
+    });
+
+    const schedule = coalesceRuns(work);
+
+    // Start caller 1 — it will block until we release the gate
+    const p1 = schedule();
+
+    // Wait until work has actually started so the in-flight flag is set
+    await firstRunStarted;
+
+    // Caller 2 arrives while caller 1 is in-flight
+    const p2 = schedule();
+    // Caller 3 also arrives — should collapse into the same follow-up
+    const p3 = schedule();
+
+    // Release caller 1
+    releaseFirst();
+
+    await Promise.all([p1, p2, p3]);
+
+    // Work should have run exactly twice: the original + one follow-up
+    expect(work).toHaveBeenCalledTimes(2);
+  });
+
+  it("multiple concurrent arrivals → still only 2 total runs", async () => {
+    let releaseFirst!: () => void;
+    const firstRunGate = new Promise<void>(res => {
+      releaseFirst = res;
+    });
+    let firstStarted!: () => void;
+    const firstRunStarted = new Promise<void>(res => {
+      firstStarted = res;
+    });
+
+    let runCount = 0;
+    const work = vi.fn().mockImplementation(async () => {
+      runCount++;
+      if (runCount === 1) {
+        firstStarted();
+        await firstRunGate;
+      }
+    });
+
+    const schedule = coalesceRuns(work);
+    const p1 = schedule();
+
+    await firstRunStarted;
+
+    // Fire five more while p1 is in-flight
+    const extras = Array.from({ length: 5 }, () => schedule());
+
+    releaseFirst();
+    await Promise.all([p1, ...extras]);
+
+    expect(work).toHaveBeenCalledTimes(2);
+  });
+
+  it("work throwing → in-flight flag clears, next call runs successfully", async () => {
+    let shouldThrow = true;
+    const work = vi.fn().mockImplementation(async () => {
+      if (shouldThrow) throw new Error("boom");
+    });
+
+    const schedule = coalesceRuns(work);
+
+    await expect(schedule()).rejects.toThrow("boom");
+
+    // After failure, the scheduler should be free to run again
+    shouldThrow = false;
+    await expect(schedule()).resolves.toBeUndefined();
+    expect(work).toHaveBeenCalledTimes(2);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// makeRenderToken
+// ---------------------------------------------------------------------------
+
+describe("makeRenderToken", () => {
+  it("first call: superseded() returns false before another beginRun", () => {
+    const beginRun = makeRenderToken();
+    const superseded = beginRun();
+    expect(superseded()).toBe(false);
+  });
+
+  it("after a second beginRun, first superseded() returns true", () => {
+    const beginRun = makeRenderToken();
+    const superseded1 = beginRun();
+    beginRun(); // second render begins
+    expect(superseded1()).toBe(true);
+  });
+
+  it("second superseded() continues to return false", () => {
+    const beginRun = makeRenderToken();
+    beginRun(); // first render
+    const superseded2 = beginRun(); // second render
+    expect(superseded2()).toBe(false);
+  });
+
+  it("each factory instance has independent counter state", () => {
+    const beginRunA = makeRenderToken();
+    const beginRunB = makeRenderToken();
+
+    const supersededA = beginRunA();
+    beginRunB(); // advances B's counter, not A's
+    beginRunB();
+
+    // A's token should still be valid
+    expect(supersededA()).toBe(false);
+  });
+});
diff --git a/tests/favorites-controller.test.ts b/tests/favorites-controller.test.ts
new file mode 100644
index 0000000..fca3c12
--- /dev/null
+++ b/tests/favorites-controller.test.ts
@@ -0,0 +1,218 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import type { HomeAssistant, PanelDevice, PanelTopology } from "../src/types.js";
+
+vi.mock("../src/card/card-discovery.js", () => ({
+  discoverTopology: vi.fn(),
+}));
+
+import { discoverTopology } from "../src/card/card-discovery.js";
+import { FavoritesController, buildCompositeId } from "../src/core/favorites-controller.js";
+
+const mockDiscover = vi.mocked(discoverTopology);
+
+const hass = { states: {} } as unknown as HomeAssistant;
+
+function makePanel(id: string, name: string, entryId: string): PanelDevice {
+  return {
+    id,
+    name,
+    name_by_user: undefined,
+    config_entries: [entryId],
+  } as unknown as PanelDevice;
+}
+
+function makeTopology(circuits: Record<string, { name: string }>, deviceName = "SPAN Panel"): PanelTopology {
+  const fullCircuits = Object.fromEntries(
+    Object.entries(circuits).map(([uuid, c]) => [uuid, { name: c.name, tabs: [], entities: {} } as unknown as PanelTopology["circuits"][string]])
+  );
+  return {
+    circuits: fullCircuits,
+    device_name: deviceName,
+    panel_entities: {},
+  };
+}
+
+describe("FavoritesController.build", () => {
+  let controller: FavoritesController;
+
+  beforeEach(() => {
+    controller = new FavoritesController();
+    mockDiscover.mockReset();
+  });
+
+  it("empty favorites → empty topology, no entries, no stats", async () => {
+    const result = await controller.build(hass, {}, []);
+    expect(Object.keys(result.topology.circuits)).toHaveLength(0);
+    expect(result.topology.sub_devices).toBeDefined();
+    expect(Object.keys(result.topology.sub_devices!)).toHaveLength(0);
+    expect(result.entryIds).toEqual([]);
+    expect(result.perPanelStats).toEqual([]);
+  });
+
+  it("single panel with 2 favorited circuits → 2 composite-id circuits, no name prefix", async () => {
+    const panel = makePanel("panel-1", "Home Panel", "entry-1");
+    const topology = makeTopology({ "uuid-a": { name: "Kitchen" }, "uuid-b": { name: "Living Room" } });
+    mockDiscover.mockResolvedValue({ topology, panelDevice: panel, panelSize: 200 });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a", "uuid-b"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel]);
+
+    const circuitKeys = Object.keys(result.topology.circuits);
+    expect(circuitKeys).toHaveLength(2);
+    expect(circuitKeys).toContain(buildCompositeId("panel-1", "uuid-a"));
+    expect(circuitKeys).toContain(buildCompositeId("panel-1", "uuid-b"));
+
+    // No prefix when only one panel contributes
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-a")].name).toBe("Kitchen");
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-b")].name).toBe("Living Room");
+
+    expect(result.entryIds).toEqual(["entry-1"]);
+    expect(result.perPanelStats).toHaveLength(1);
+    expect(result.perPanelStats[0].panelDeviceId).toBe("panel-1");
+    expect(result.perPanelStats[0].topology).toBe(topology);
+  });
+
+  it("two panels each with 1 favorite → 2 circuits, names prefixed with panel label", async () => {
+    const panel1 = makePanel("panel-1", "Span Panel 1", "entry-1");
+    const panel2 = makePanel("panel-2", "Span Panel 2", "entry-2");
+    const topology1 = makeTopology({ "uuid-a": { name: "Garage" } }, "SPAN 1");
+    const topology2 = makeTopology({ "uuid-b": { name: "Kitchen" } }, "SPAN 2");
+
+    mockDiscover.mockImplementation((_hass, deviceId) => {
+      if (deviceId === "panel-1") return Promise.resolve({ topology: topology1, panelDevice: panel1, panelSize: 200 });
+      if (deviceId === "panel-2") return Promise.resolve({ topology: topology2, panelDevice: panel2, panelSize: 200 });
+      return Promise.reject(new Error("unknown panel"));
+    });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a"], sub_devices: [] },
+      "panel-2": { circuits: ["uuid-b"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel1, panel2]);
+
+    expect(Object.keys(result.topology.circuits)).toHaveLength(2);
+
+    // Names should be prefixed when more than one panel contributes
+    const circuit1 = result.topology.circuits[buildCompositeId("panel-1", "uuid-a")];
+    const circuit2 = result.topology.circuits[buildCompositeId("panel-2", "uuid-b")];
+    expect(circuit1.name).toBe("Span Panel 1 · Garage");
+    expect(circuit2.name).toBe("Span Panel 2 · Kitchen");
+
+    expect(result.entryIds.sort()).toEqual(["entry-1", "entry-2"].sort());
+    expect(result.perPanelStats).toHaveLength(2);
+  });
+
+  it("panel missing from panels list → its favorites are dropped", async () => {
+    const panel = makePanel("panel-1", "Home Panel", "entry-1");
+    // "panel-2" is NOT in the panels array
+    const topology = makeTopology({ "uuid-a": { name: "Kitchen" } });
+    mockDiscover.mockResolvedValue({ topology, panelDevice: panel, panelSize: 200 });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a"], sub_devices: [] },
+      "panel-2": { circuits: ["uuid-z"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel]);
+
+    // Only panel-1's circuit appears; panel-2 was dropped before fetch
+    expect(Object.keys(result.topology.circuits)).toHaveLength(1);
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-a")]).toBeDefined();
+    expect(mockDiscover).toHaveBeenCalledTimes(1);
+    expect(mockDiscover).toHaveBeenCalledWith(hass, "panel-1");
+  });
+
+  it("discoverTopology rejection for one panel → that panel dropped, others still merge", async () => {
+    const panel1 = makePanel("panel-1", "Good Panel", "entry-1");
+    const panel2 = makePanel("panel-2", "Bad Panel", "entry-2");
+    const topology1 = makeTopology({ "uuid-a": { name: "Office" } });
+
+    mockDiscover.mockImplementation((_hass, deviceId) => {
+      if (deviceId === "panel-1") return Promise.resolve({ topology: topology1, panelDevice: panel1, panelSize: 200 });
+      return Promise.reject(new Error("fetch failed"));
+    });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a"], sub_devices: [] },
+      "panel-2": { circuits: ["uuid-b"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel1, panel2]);
+
+    // Only panel-1 contributes; panel-2 fetch rejected and was dropped
+    expect(Object.keys(result.topology.circuits)).toHaveLength(1);
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-a")]).toBeDefined();
+    expect(result.entryIds).toEqual(["entry-1"]);
+    expect(result.perPanelStats).toHaveLength(1);
+  });
+
+  it("favorited uuid not present in topology → silently dropped", async () => {
+    const panel = makePanel("panel-1", "Home Panel", "entry-1");
+    // Topology only has "uuid-a"; "uuid-missing" is not in it
+    const topology = makeTopology({ "uuid-a": { name: "Kitchen" } });
+    mockDiscover.mockResolvedValue({ topology, panelDevice: panel, panelSize: 200 });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a", "uuid-missing"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel]);
+
+    expect(Object.keys(result.topology.circuits)).toHaveLength(1);
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-a")]).toBeDefined();
+    expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-missing")]).toBeUndefined();
+  });
+
+  it("favorited sub_device → appears under composite id, refs populated correctly", async () => {
+    const panel = makePanel("panel-1", "Home Panel", "entry-1");
+    const topology: PanelTopology = {
+      circuits: {},
+      sub_devices: {
+        "sub-uuid-1": { name: "Solar Inverter", type: "solar" },
+      },
+      device_name: "SPAN Panel",
+      panel_entities: {},
+    };
+    mockDiscover.mockResolvedValue({ topology, panelDevice: panel, panelSize: 200 });
+
+    const favorites = {
+      "panel-1": { circuits: [], sub_devices: ["sub-uuid-1"] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel]);
+
+    const compositeId = buildCompositeId("panel-1", "sub-uuid-1");
+    expect(result.topology.sub_devices![compositeId]).toBeDefined();
+    expect(result.topology.sub_devices![compositeId].name).toBe("Solar Inverter");
+    expect(result.topology._favoriteRefs[compositeId]).toMatchObject({
+      panelDeviceId: "panel-1",
+      kind: "sub_device",
+      targetId: "sub-uuid-1",
+      configEntryId: "entry-1",
+    });
+  });
+
+  it("_favoriteRefs records origin for circuits", async () => {
+    const panel = makePanel("panel-1", "Home Panel", "entry-1");
+    const topology = makeTopology({ "uuid-a": { name: "Kitchen" } });
+    mockDiscover.mockResolvedValue({ topology, panelDevice: panel, panelSize: 200 });
+
+    const favorites = {
+      "panel-1": { circuits: ["uuid-a"], sub_devices: [] },
+    };
+
+    const result = await controller.build(hass, favorites, [panel]);
+
+    const compositeId = buildCompositeId("panel-1", "uuid-a");
+    expect(result.topology._favoriteRefs[compositeId]).toMatchObject({
+      panelDeviceId: "panel-1",
+      kind: "circuit",
+      targetId: "uuid-a",
+      configEntryId: "entry-1",
+    });
+  });
+});

From acef1df8cb78327aedeef8ec6f5fd1c6561b7922 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:40:24 -0700
Subject: [PATCH 39/97] build: rebuild dist bundle

---
 dist/span-panel-card.js |  7 ++++---
 dist/span-panel.js      | 30 +++++++++++++++---------------
 2 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 472dc0e..82f04ef 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,11 +36,12 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function Ve(e,t){return e?.circuits?e.circuits[t]??null:null}function Qe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Je(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Xe(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Qe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ke(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Qe(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Je(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Xe(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ze(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const Ye={names:["power","battery power"],suffixes:["_power"]},et={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},tt={names:["state of energy"],suffixes:["_soe_kwh"]},it={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function nt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function st(e){return nt(e,Ye)}function ot(e){return nt(e,et)}function at(e){return nt(e,tt)}function rt(e){return nt(e,it)}function ct(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function lt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function dt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ht(e){const t=a[e];return t?t.ms:a[o].ms}function pt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ut(e){return Math.max(500,Math.floor(e/5e3))}function gt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function _t(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=pt(n),c=ut(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,_t(t,r,c))}}}function vt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:st(n)};n.type===d&&(e.soc=ot(n),e.soe=at(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function bt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ht(s.get(e)):dt(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of vt(t)){let t;t=o&&o.has(s)?ht(o.get(s)):dt(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(ft(e,i.entityIds,i.uuidByEntity,t,n)):r.push(mt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function yt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function wt(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class xt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function St(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Ct(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class $t{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.graphSettingsCache=new xt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,St(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ct(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,St(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Ct(n,s))}}async loadHistory(){await bt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(n),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of vt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=ht(s),d=pt(l),h=ut(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||gt(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of vt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await bt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=dt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}wt(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?ht(a.get(s)):r,p=d.device_type===l;yt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=dt(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${n}"]`);if(!i)continue;const c=st(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");yt(e,t,r,o?.has(n)?ht(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${e}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}function Et(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function zt(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Je(o)}">${Math.round(e)}%</span>`}const E=!!o&&Qe(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function kt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Xe(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function At(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Mt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Pt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Lt(e,t,i,n){const s=Mt(e,i,n),o=Mt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Nt(e,t,i){return e.sort((e,n)=>Lt(e[1],n[1],t,i))}function Dt(e){return e.entities?.current??e.entities?.power??""}class It{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=Nt(Object.entries(i.circuits),t,n);let r=o+Et(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Ve(s,Dt(i)),a=Pt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=zt(e,i,t,n,o,a,c),c&&(r+=kt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Et(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=Nt(i,t,s);d+=At(e);for(const[e,i]of n){const n=Ve(o,Dt(i)),a=Pt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=zt(e,i,t,s,n,a,r),r&&(d+=kt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Mt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Lt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-cell[data-cell-uuid="${e}"]`);if(!t)return;const i=t.querySelector(`.list-row[data-row-uuid="${e}"]`),n=t.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const s=t.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);s&&s.remove(),n&&n.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const s=Ve(this._monitoringStatus,Dt(t)),o=kt(e,t,this._hass,this._config,s);i.insertAdjacentHTML("afterend",o),n&&n.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ht(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Tt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Rt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Ft="favorites-changed";async function Ot(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const jt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class qt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{},p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),s.appendChild(this._buildListColumnsSection()),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await Ot(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Ot(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ft)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of jt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",qt)}catch{}const Ut=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Wt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new $t,this._listCtrl=new It(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Ve{constructor(){this._caches=new Map}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Be,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Qe(e,t){return e?.circuits?e.circuits[t]??null:null}function Je(e){return!!e&&void 0!==e.continuous_threshold_pct}function Xe(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ke(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Je(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ze(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Je(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Xe(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ke(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ye(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const et={names:["power","battery power"],suffixes:["_power"]},tt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},it={names:["state of energy"],suffixes:["_soe_kwh"]},nt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function st(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ot(e){return st(e,et)}function at(e){return st(e,tt)}function rt(e){return st(e,it)}function ct(e){return st(e,nt)}function lt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function dt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ht(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function pt(e){const t=a[e];return t?t.ms:a[o].ms}function ut(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function gt(e){return Math.max(500,Math.floor(e/5e3))}function _t(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function ft(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=ut(n),c=gt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,ft(t,r,c))}}}function bt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ot(n)};n.type===d&&(e.soc=at(n),e.soe=rt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function yt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?pt(s.get(e)):ht(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of bt(t)){let t;t=o&&o.has(s)?pt(o.get(s)):ht(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(mt(e,i.entityIds,i.uuidByEntity,t,n)):r.push(vt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function wt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function xt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function St(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Ct{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function $t(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Et(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class zt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.monitoringMultiCache=new Ve,this.graphSettingsCache=new Ct,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,$t(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Et(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,$t(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Et(n,s))}}async loadHistory(){await yt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(n),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of bt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(s),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of bt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await yt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ht(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}St(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${xt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?pt(a.get(s)):r,p=d.device_type===l;wt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ht(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${xt(n)}"]`);if(!i)continue;const c=ot(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");wt(e,t,r,o?.has(n)?pt(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${xt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function kt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function At(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Xe(o)}">${Math.round(e)}%</span>`}const E=!!o&&Je(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ke(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Pt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Lt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Nt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Dt(e,t,i,n){const s=Lt(e,i,n),o=Lt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function It(e,t,i){return e.sort((e,n)=>Dt(e[1],n[1],t,i))}function Ht(e){return e.entities?.current??e.entities?.power??""}class Tt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=It(Object.entries(i.circuits),t,n);let r=o+kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Qe(s,Ht(i)),a=Nt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=At(e,i,t,n,o,a,c),c&&(r+=Mt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=It(i,t,s);d+=Pt(e);for(const[e,i]of n){const n=Qe(o,Ht(i)),a=Nt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=At(e,i,t,s,n,a,r),r&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Lt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Dt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=xt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Qe(this._monitoringStatus,Ht(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Rt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Ft(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ot(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const jt="favorites-changed";async function qt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ut=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Wt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{};s.appendChild(this._buildListColumnsSection());const p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await qt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await qt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ut){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Wt)}catch{}const Gt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Bt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new zt,this._listCtrl=new Tt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
         @unit-changed=${this._onListUnitChanged}
+        @list-columns-changed=${this._onListColumnsChanged}
         @side-panel-closed=${this._onSidePanelClosed}
       >
         <div id="card-tabs"></div>
@@ -55,7 +56,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
         <ha-card>
           <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
         </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ht(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Tt(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Rt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Ht(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Rt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Tt(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Ht(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Ue(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=je(Math.max(...i));0===qe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ve(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Ke(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ze(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Ke(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ze(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Ke(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=st(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?ot(s):null,m=g?at(s):null,v=g?rt(s):null,b=ct(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=lt(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Ut.map(e=>re`
+      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Rt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Ft(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Ot((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Rt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Ot(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Ft(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Rt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Ue(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=je(Math.max(...i));0===qe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Qe(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Ze(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ye(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Ze(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ye(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Ze(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=ot(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?at(s):null,m=g?rt(s):null,v=g?ct(s):null,b=lt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=dt(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Gt.map(e=>re`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -78,4 +79,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Wt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Wt.prototype,"hass",void 0),v([Me()],Wt.prototype,"_config",void 0),v([Me()],Wt.prototype,"_discovered",void 0),v([Me()],Wt.prototype,"_discovering",void 0),v([Me()],Wt.prototype,"_discoveryError",void 0),v([Me()],Wt.prototype,"_topology",void 0),v([Me()],Wt.prototype,"_activeTab",void 0),Wt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Wt);class Gt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Gt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 117f37b..ae32f9c 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -4,59 +4,59 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return(e=>new x("string"==typeof e?e:e+"",void 0,y))(t)})(e):e,{is:S,defineProperty:C,getOwnPropertyDescriptor:E,getOwnPropertyNames:k,getOwnPropertySymbols:z,getPrototypeOf:A}=Object,P=globalThis,M=P.trustedTypes,T=M?M.emptyScript:"",I=P.reactiveElementPolyfillSupport,D=(e,t)=>e,N={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},L=(e,t)=>!S(e,t),F={attribute:!0,type:String,converter:N,reflect:!1,useDefault:!1,hasChanged:L};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new x("string"==typeof e?e:e+"",void 0,y),S=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:C,defineProperty:E,getOwnPropertyDescriptor:k,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:P}=Object,M=globalThis,T=M.trustedTypes,I=T?T.emptyScript:"",D=M.reactiveElementPolyfillSupport,N=(e,t)=>e,L={toAttribute(e,t){switch(t){case Boolean:e=e?I:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},F=(e,t)=>!C(e,t),H={attribute:!0,type:String,converter:L,reflect:!1,useDefault:!1,hasChanged:F};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),P.litPropertyMetadata??=new WeakMap;let H=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&C(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=E(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(D("elementProperties")))return;const e=A(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(D("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(D("properties"))){const e=this.properties,t=[...k(e),...z(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:N).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:N;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??L)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};H.elementStyles=[],H.shadowRootOptions={mode:"open"},H[D("elementProperties")]=new Map,H[D("finalized")]=new Map,I?.({ReactiveElement:H}),(P.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),M.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(S(e))}else void 0!==e&&t.push(S(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:L).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:L;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??F)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[N("elementProperties")]=new Map,O[N("finalized")]=new Map,D?.({ReactiveElement:O}),(M.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R=globalThis,O=e=>e,q=R.trustedTypes,j=q?q.createPolicy("lit-html",{createHTML:e=>e}):void 0,U="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,W=`<${V}>`,B=document,Q=()=>B.createComment(""),J=e=>null===e||"object"!=typeof e&&"function"!=typeof e,X=Array.isArray,K="[ \t\n\f\r]",Z=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,ee=/>/g,te=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,ie=/"/g,se=/^(?:script|style|textarea|title)$/i,oe=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ae=Symbol.for("lit-noChange"),re=Symbol.for("lit-nothing"),le=new WeakMap,ce=B.createTreeWalker(B,129);function de(e,t){if(!X(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==j?j.createHTML(t):t}const he=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Z;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Z?"!--"===l[1]?a=Y:void 0!==l[1]?a=ee:void 0!==l[2]?(se.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=te):void 0!==l[3]&&(a=te):a===te?">"===l[0]?(a=s??Z,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?te:'"'===l[3]?ie:ne):a===ie||a===ne?a=te:a===Y||a===ee?a=Z:(a=te,s=void 0);const h=a===te&&e[t+1].startsWith("/>")?" ":"";o+=a===Z?n+W:c>=0?(i.push(r),n.slice(0,c)+U+n.slice(c)+G+h):n+G+(-2===c?t:h)}return[de(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class pe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=he(e,t);if(this.el=pe.createElement(l,n),ce.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=ce.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(U)){const t=c[o++],n=i.getAttribute(e).split(G),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?ve:"?"===a[1]?me:"@"===a[1]?be:fe}),i.removeAttribute(e)}else e.startsWith(G)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(se.test(i.tagName)){const e=i.textContent.split(G),t=e.length-1;if(t>0){i.textContent=q?q.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],Q()),ce.nextNode(),r.push({type:2,index:++s});i.append(e[t],Q())}}}else if(8===i.nodeType)if(i.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(G,e+1));)r.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const n=B.createElement("template");return n.innerHTML=e,n}}function ue(e,t,n=e,i){if(t===ae)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=J(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ue(e,s._$AS(e,t.values),s,i)),t}class ge{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??B).importNode(t,!0);ce.currentNode=i;let s=ce.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new _e(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new ye(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=ce.nextNode(),o++)}return ce.currentNode=B,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class _e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=re,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ue(this,e,t),J(e)?e===re||null==e||""===e?(this._$AH!==re&&this._$AR(),this._$AH=re):e!==this._$AH&&e!==ae&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>X(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==re&&J(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=pe.createElement(de(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ge(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=le.get(e.strings);return void 0===t&&le.set(e.strings,t=new pe(e)),t}k(e){X(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new _e(this.O(Q()),this.O(Q()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=O(e).nextSibling;O(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class fe{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=re,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=re}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ue(this,e,t,0),o=!J(e)||e!==this._$AH&&e!==ae,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ue(this,i[n+a],t,a),r===ae&&(r=this._$AH[a]),o||=!J(r)||r!==this._$AH[a],r===re?e=re:e!==re&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===re?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ve extends fe{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===re?void 0:e}}class me extends fe{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==re)}}class be extends fe{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ue(this,e,t,0)??re)===ae)return;const n=this._$AH,i=e===re&&n!==re||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==re&&(n===re||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class ye{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ue(this,e)}}const we=R.litHtmlPolyfillSupport;we?.(pe,_e),(R.litHtmlVersions??=[]).push("3.3.2");const xe=globalThis;
+const R=globalThis,q=e=>e,j=R.trustedTypes,U=j?j.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,W="?"+V,B=`<${W}>`,Q=document,J=()=>Q.createComment(""),X=e=>null===e||"object"!=typeof e&&"function"!=typeof e,K=Array.isArray,Z="[ \t\n\f\r]",Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ee=/-->/g,te=/>/g,ne=RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ie=/'/g,se=/"/g,oe=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),re=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),ce=new WeakMap,de=Q.createTreeWalker(Q,129);function he(e,t){if(!K(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==U?U.createHTML(t):t}const pe=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Y;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Y?"!--"===l[1]?a=ee:void 0!==l[1]?a=te:void 0!==l[2]?(oe.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=ne):void 0!==l[3]&&(a=ne):a===ne?">"===l[0]?(a=s??Y,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?ne:'"'===l[3]?se:ie):a===se||a===ie?a=ne:a===ee||a===te?a=Y:(a=ne,s=void 0);const h=a===ne&&e[t+1].startsWith("/>")?" ":"";o+=a===Y?n+B:c>=0?(i.push(r),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[he(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ue{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=pe(e,t);if(this.el=ue.createElement(l,n),de.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=de.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?me:"?"===a[1]?be:"@"===a[1]?ye:ve}),i.removeAttribute(e)}else e.startsWith(V)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(oe.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=j?j.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],J()),de.nextNode(),r.push({type:2,index:++s});i.append(e[t],J())}}}else if(8===i.nodeType)if(i.data===W)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)r.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=Q.createElement("template");return n.innerHTML=e,n}}function ge(e,t,n=e,i){if(t===re)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=X(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ge(e,s._$AS(e,t.values),s,i)),t}class _e{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??Q).importNode(t,!0);de.currentNode=i;let s=de.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new fe(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new we(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=de.nextNode(),o++)}return de.currentNode=Q,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class fe{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=le,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ge(this,e,t),X(e)?e===le||null==e||""===e?(this._$AH!==le&&this._$AR(),this._$AH=le):e!==this._$AH&&e!==re&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>K(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==le&&X(this._$AH)?this._$AA.nextSibling.data=e:this.T(Q.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ue.createElement(he(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new _e(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=ce.get(e.strings);return void 0===t&&ce.set(e.strings,t=new ue(e)),t}k(e){K(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new fe(this.O(J()),this.O(J()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=le,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=le}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ge(this,e,t,0),o=!X(e)||e!==this._$AH&&e!==re,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ge(this,i[n+a],t,a),r===re&&(r=this._$AH[a]),o||=!X(r)||r!==this._$AH[a],r===le?e=le:e!==le&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===le?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class me extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===le?void 0:e}}class be extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==le)}}class ye extends ve{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ge(this,e,t,0)??le)===re)return;const n=this._$AH,i=e===le&&n!==le||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==le&&(n===le||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class we{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ge(this,e)}}const xe=R.litHtmlPolyfillSupport;xe?.(ue,fe),(R.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let $e=class extends H{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new _e(t.insertBefore(Q(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ae}};$e._$litElement$=!0,$e.finalized=!0,xe.litElementHydrateSupport?.({LitElement:$e});const Se=xe.litElementPolyfillSupport;Se?.({LitElement:$e}),(xe.litElementVersions??=[]).push("4.2.2");
+ */let Se=class extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new fe(t.insertBefore(J(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return re}};Se._$litElement$=!0,Se.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Se});const Ce=$e.litElementPolyfillSupport;Ce?.({LitElement:Se}),($e.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function ke(e){return(t,n)=>"object"==typeof n?Ee(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
+ */function ze(e){return(t,n)=>"object"==typeof n?ke(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function ze(e){return ke({...e,state:!0,attribute:!1})}
+ */function Ae(e){return ze({...e,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ae=2;class Pe{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Pe=2;class Me{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Me extends Pe{constructor(e){if(super(e),this.it=re,e.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===re||null==e)return this._t=void 0,this.it=e;if(e===ae)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Me.directiveName="unsafeHTML",Me.resultType=1;const Te=(e=>(...t)=>({_$litDirective$:e,values:t}))(Me),Ie={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function De(e){return String(e).replace(/[&<>"']/g,e=>Ie[e]??e)}const Ne="span_panel_list_columns";function Le(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Fe(e){try{localStorage.setItem(Ne,String(e))}catch{}}const He="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Oe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const je=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ue extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{},u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),a.appendChild(this._buildListColumnsSection()),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${De(String(t.breaker_rating_a))}A · ${De(String(t.voltage))}V · Tabs [${De(String(t.tabs))}]`,i=this._createHeader(De(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Le(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Fe(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(He)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${De(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(De(t.name),De(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=De(e),o=De(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${De(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of je){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${De(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${De(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ue)}catch{}async function Ge(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ve(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ge(e,i),{topology:i,panelDevice:r,panelSize:s}}function We(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${De(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Be(e,t,i={}){const s=De(e.device_name||n("header.default_name")),o=De(e.serial||""),a=De(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${We(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Qe=u.power;function Je(e){return Qe.unit(e)}function Xe(e){return(e<0?"-":"")+Qe.format(e)}function Ke(e){return(Math.abs(e)/1e3).toFixed(1)}function Ze(e){return Math.ceil(e/2)}function Ye(e){return e%2==0?1:0}function et(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ze(t)===Ze(n)?"row-span":Ye(t)===Ye(n)?"col-span":"row-span"}function tt(e){const t=e.chart_metric??i;return u[t]??u[i]}function nt(e,t){const n=function(e){return tt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class it{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}function st(e,t){return e?.circuits?e.circuits[t]??null:null}function ot(e){return!!e&&void 0!==e.continuous_threshold_pct}function at(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function rt(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ot(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function lt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=De(t.name||n("grid.unknown")),C=tt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Xe(v)}</strong><span class="power-unit">${Je(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&ot(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${De(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${at(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${rt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${De(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ct(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const dt={names:["power","battery power"],suffixes:["_power"]},ht={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},pt={names:["state of energy"],suffixes:["_soe_kwh"]},ut={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function gt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function _t(e){return gt(e,dt)}function ft(e){return gt(e,ht)}function vt(e){return gt(e,pt)}function mt(e){return gt(e,ut)}function bt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=_t(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?ft(s):null,v=g?vt(s):null,m=g?mt(s):null,b=yt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=wt(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${De(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${De(o)}</span>\n          <span class="sub-device-name">${De(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Xe(u)}</strong> <span class="power-unit">${Je(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${De(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function yt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${De(l)}:</span>\n        <span class="sub-entity-value" data-eid="${De(n)}">${De(d)}</span>\n      </div>\n    `}return o}function wt(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${De(e.title)}</div>\n            <div class="chart-container" data-chart-key="${De(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${De(e)}_power"></div>`:""}function xt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function $t(e){const t=o[e];return t?t.ms:o[s].ms}function St(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Ct(e){return Math.max(500,Math.floor(e/5e3))}function Et(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function kt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function zt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function At(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=St(i),l=Ct(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,kt(t,r,l))}}}function Pt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:_t(i)};i.type===c&&(e.soc=ft(i),e.soe=vt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Mt(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=nt(i,n);if(!t)continue;let o;o=s&&s.has(e)?$t(s.get(e)):xt(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Pt(t)){let t;t=o&&o.has(s)?$t(o.get(s)):xt(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(zt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(At(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Tt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function It(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ke(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ke(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ke(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ke(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Dt(e,t,i,s,o,a){if(!e||!i||!t)return;const c=xt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&It(o,t,n,i,s)}(e,t,i,s,d);const h=tt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${s}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Xe(f)}</strong><span class="power-unit">${Je(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?$t(a.get(s)):c,p=d.device_type===l;Tt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Nt{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Lt(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Ft(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class Ht{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new it,this.graphSettingsCache=new Nt,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Lt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Ft(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this._fetchMonitoringStatusFresh(e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Lt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Ft(i,s))}}async loadHistory(){await Mt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=nt(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(i),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Pt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=$t(a),d=St(c),h=Ct(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Et(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Pt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await Mt(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Dt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=xt(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${i}"]`);if(!n)continue;const l=_t(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Xe(i)}</strong> <span class="power-unit">${Je(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Tt(e,t,r,o?.has(i)?$t(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${e}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.graphSettingsCache.clear()}}const Rt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ot{constructor(){this._ctrl=new Ht,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ve(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${De(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Be(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":et(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ze(Math.max(...n));0===Ye(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?st(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=lt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ct(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=lt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ct(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=lt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=bt(a,t,s);e.innerHTML=`\n      <style>${Rt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const qt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",jt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Ut="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Gt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Wt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Bt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=De(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=De(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Wt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Wt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Wt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Wt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${jt}">\n            </div>\n            <div style="${qt}">\n              <span style="${Ut}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${jt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):De(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${De(a)} (${De(e)})`:De(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${De(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${De(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Vt}">\n            </div>\n\n            <div style="${qt}">\n              <span style="${Gt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${De(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Vt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Gt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Qt(e=""){const t=e?` value="${De(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${De(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Jt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=De(t.name||n("grid.unknown")),y=tt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Xe(h)}</strong><span class="power-unit">${Je(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${at(o)}">${Math.round(e)}%</span>`}const E=!!o&&ot(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${De(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${De(e)}" data-uuid="${De(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${De(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Xt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=rt(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=De(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Kt(e){return`<div class="area-header" data-area="${De(e)}" style="grid-column:1 / -1;">${De(e)}</div>`}function Zt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function Yt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function en(e,t,n,i){const s=Zt(e,n,i),o=Zt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function tn(e,t,n){return e.sort((e,i)=>en(e[1],i[1],t,n))}function nn(e){return e.entities?.current??e.entities?.power??""}class sn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=tn(Object.entries(n.circuits),t,i);let r=o+Qt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=st(s,nn(n)),a=Yt(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,r+=Jt(e,n,t,i,o,a,l),l&&(r+=Xt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Qt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=tn(n,t,s);d+=Kt(e);for(const[e,n]of i){const i=st(o,nn(n)),a=Yt(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${De(e)}">`,d+=Jt(e,n,t,s,i,a,r),r&&(d+=Xt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=tt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=Zt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Xe(i)}</strong><span class="power-unit">${Je(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>en(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=this._container.querySelector(`.list-cell[data-cell-uuid="${e}"]`);if(!t)return;const n=t.querySelector(`.list-row[data-row-uuid="${e}"]`),i=t.querySelector(`.list-expand-toggle[data-expand-uuid="${e}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const s=t.querySelector(`.list-expanded-content[data-expanded-uuid="${e}"]`);s&&s.remove(),i&&i.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const s=st(this._monitoringStatus,nn(t)),o=Xt(e,t,this._hass,this._config,s);n.insertAdjacentHTML("afterend",o),i&&i.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function on(e,t){return`${e}|${t}`}class an{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Ve(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=on(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=on(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const rn="favorites",ln="span_panel_favorites_view_state";function cn(e){try{localStorage.setItem(ln,JSON.stringify(e))}catch{}}let dn=class extends $e{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Le(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ot,this._monitoringTab=new Bt,this._listDashCtrl=new Ht,this._listCtrl=new sn(this._listDashCtrl),this._favCache=new Oe,this._favCtrl=new an,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=null,this._pendingFollowupRender=!1}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(He,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(He,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))&&this._scheduleTabRender(),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?oe`
+ */class Te extends Me{constructor(e){if(super(e),this.it=le,e.type!==Pe)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===le||null==e)return this._t=void 0,this.it=e;if(e===re)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const Ie=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te),De={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>De[e]??e)}const Le="span_panel_list_columns";function Fe(){try{const e=localStorage.getItem(Le);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(Le,String(e))}catch{}}const Oe="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class qe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function je(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ue=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ge extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{};a.appendChild(this._buildListColumnsSection());const u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Fe(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Ue){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ge)}catch{}async function Ve(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function We(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ve(e,i),{topology:i,panelDevice:r,panelSize:s}}function Be(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Ne(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Qe(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Be(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Je=u.power;function Xe(e){return Je.unit(e)}function Ke(e){return(e<0?"-":"")+Je.format(e)}function Ze(e){return(Math.abs(e)/1e3).toFixed(1)}function Ye(e){return Math.ceil(e/2)}function et(e){return e%2==0?1:0}function tt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ye(t)===Ye(n)?"row-span":et(t)===et(n)?"col-span":"row-span"}function nt(e){const t=e.chart_metric??i;return u[t]??u[i]}function it(e,t){const n=function(e){return nt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class st{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ot{constructor(){this._caches=new Map}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new st,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function at(e,t){return e?.circuits?e.circuits[t]??null:null}function rt(e){return!!e&&void 0!==e.continuous_threshold_pct}function lt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ct(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),rt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function dt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=nt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Ke(v)}</strong><span class="power-unit">${Xe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&rt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${lt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ct(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ht(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const pt={names:["power","battery power"],suffixes:["_power"]},ut={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},gt={names:["state of energy"],suffixes:["_soe_kwh"]},_t={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ft(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function vt(e){return ft(e,pt)}function mt(e){return ft(e,ut)}function bt(e){return ft(e,gt)}function yt(e){return ft(e,_t)}function wt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=vt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?mt(s):null,v=g?bt(s):null,m=g?yt(s):null,b=xt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=$t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ke(u)}</strong> <span class="power-unit">${Xe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function xt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function $t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function St(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Ct(e){const t=o[e];return t?t.ms:o[s].ms}function Et(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function kt(e){return Math.max(500,Math.floor(e/5e3))}function zt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function At(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Pt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Mt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=Et(i),l=kt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,At(t,r,l))}}}function Tt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:vt(i)};i.type===c&&(e.soc=mt(i),e.soe=bt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function It(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=it(i,n);if(!t)continue;let o;o=s&&s.has(e)?Ct(s.get(e)):St(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Tt(t)){let t;t=o&&o.has(s)?Ct(o.get(s)):St(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Pt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Mt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Dt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Nt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Lt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ze(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ze(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ze(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ze(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ft(e,t,i,s,o,a){if(!e||!i||!t)return;const c=St(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Lt(o,t,n,i,s)}(e,t,i,s,d);const h=nt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Nt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ke(f)}</strong><span class="power-unit">${Xe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?Ct(a.get(s)):c,p=d.device_type===l;Dt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Ht{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ot(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Rt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new st,this.monitoringMultiCache=new ot,this.graphSettingsCache=new Ht,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ot(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Rt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ot(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Rt(i,s))}}async loadHistory(){await It(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=it(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(i),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Tt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(a),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Tt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await It(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=St(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Nt(i)}"]`);if(!n)continue;const l=vt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ke(i)}</strong> <span class="power-unit">${Xe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Dt(e,t,r,o?.has(i)?Ct(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${Nt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const jt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ut{constructor(){this._ctrl=new qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await We(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Qe(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":tt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ye(Math.max(...n));0===et(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?at(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=dt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ht(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=dt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ht(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=dt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=wt(a,t,s);e.innerHTML=`\n      <style>${jt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Gt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Wt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Bt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Xt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Vt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Qt}">\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Bt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Kt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Zt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=Ne(t.name||n("grid.unknown")),y=nt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Ke(h)}</strong><span class="power-unit">${Xe(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${lt(o)}">${Math.round(e)}%</span>`}const E=!!o&&rt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ne(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${Ne(e)}" data-uuid="${Ne(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Yt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ct(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=Ne(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function en(e){return`<div class="area-header" data-area="${Ne(e)}" style="grid-column:1 / -1;">${Ne(e)}</div>`}function tn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function nn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function sn(e,t,n,i){const s=tn(e,n,i),o=tn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function on(e,t,n){return e.sort((e,i)=>sn(e[1],i[1],t,n))}function an(e){return e.entities?.current??e.entities?.power??""}class rn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=on(Object.entries(n.circuits),t,i);let r=o+Kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=at(s,an(n)),a=nn(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,r+=Zt(e,n,t,i,o,a,l),l&&(r+=Yt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=on(n,t,s);d+=en(e);for(const[e,n]of i){const i=at(o,an(n)),a=nn(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,d+=Zt(e,n,t,s,i,a,r),r&&(d+=Yt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=nt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=tn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Ke(i)}</strong><span class="power-unit">${Xe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>sn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Nt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=at(this._monitoringStatus,an(t)),o=Yt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ln(e,t){return`${e}|${t}`}class cn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await We(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=ln(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=ln(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const dn="span_panel_favorites_view_state";function hn(e){try{localStorage.setItem(dn,JSON.stringify(e))}catch{}}var pn;const un="favorites";let gn=pn=class extends Se{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Fe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ut,this._monitoringTab=new Xt,this._listDashCtrl=new qt,this._listCtrl=new rn(this._listDashCtrl),this._favCache=new qe,this._favCtrl=new cn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return void(n=!0);const s=(async()=>{try{await e()}finally{t=null}n&&(n=!1,await i())})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Oe,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Oe,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?ae`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
           <div class="main-title">
             <span class="panel-selector">
               <select id="panel-select" @change=${this._onPanelChange}>
-                ${this._panels.map(e=>oe` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
+                ${this._panels.map(e=>ae` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Te((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${De(e.id)}">${De(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Ie((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${Ne(e.id)}">${Ne(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -76,7 +76,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
           ></div>
         </div>
       </div>
-    `:oe`
+    `:ae`
         <div class="header">
           <div class="toolbar">
             <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -86,7 +86,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${this._discoveryError??"Loading…"}</div>
         </div>
-      `:oe`
+      `:ae`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -95,7 +95,7 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
         <div class="view">
           <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
         </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===rn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,cn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,Fe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,cn(n)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=new Set(this._panels.filter(e=>e.id!==rn).map(e=>e.id)),n=new Set(e.map(e=>e.id));if((t.size!==n.size||[...t].some(e=>!n.has(e)))&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(ln);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===rn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!qe(t))return e;return[{id:rn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===rn;this._favorites=t;const i=this._panels.filter(e=>e.id!==rn);if(this._panels=this._buildPanelList(i,t),n&&!qe(t)){!function(){try{localStorage.removeItem(ln)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildCurrentPanelHeaderHTML(e,t){return Be(e,t)}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary" style="padding:8px 24px;border-bottom:1px solid var(--divider-color,#e0e0e0);display:flex;align-items:center;gap:12px;">\n        <div class="slide-confirm" data-text-off="${De(n("header.enable_switches"))}" data-text-on="${De(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${De(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle" style="margin-left:auto;" title="${De(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${De(e.panelName||e.topology.device_name||"")}</div>\n        ${We(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${n.panelDeviceId}"]`);i&&It(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){if(await this.updateComplete,this._pendingTabRender)return void(this._pendingFollowupRender=!0);const e=(async()=>{try{await this._renderTab()}finally{this._pendingTabRender=null}this._pendingFollowupRender&&(this._pendingFollowupRender=!1,await this._scheduleTabRender())})();this._pendingTabRender=e,await e}async _renderTab(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear();const e=this.shadowRoot.getElementById("tab-content");if(e)if(this._isFavoritesView)await this._renderFavoritesTab(e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{e.innerHTML="";const t=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(e,this.hass,this._selectedPanelId??"",t,i);break}case"activity":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e)}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"area":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;try{const t=await Ve(this.hass,this._selectedPanelId??void 0),i=this._buildDashboardConfig();this._listDashCtrl.init(t.topology,i,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),await this._listDashCtrl.fetchAndBuildHorizonMaps();const s=t.topology?this._buildCurrentPanelHeaderHTML(t.topology,i):"";this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(e,this.hass,t.topology,i,this._listDashCtrl.monitoringCache.status,s),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._listDashCtrl.startIntervals(e),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ge(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,t.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}break}case"monitoring":{e.innerHTML="";const t=this._panels.find(e=>e.id===this._selectedPanelId),n=t?.config_entries?.[0]??null;await this._monitoringTab.render(e,this.hass,n??void 0);break}}}async _renderFavoritesTab(e){if("dashboard"===this._activeTab&&(this._activeTab="activity"),e.innerHTML="",!this.hass)return;const t=this._panels.filter(e=>e.id!==rn),i=await this._favCtrl.build(this.hass,this._favorites,t),s=i.topology,o=i.entryIds[0]??null,a=Object.keys(s.circuits).length>0,r=Object.keys(s.sub_devices??{}).length>0;if(!a&&!r){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(s._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,i.entryIds,t);const l=this._activeTab,c=new Set(Object.keys(s.circuits)),d=this._favoritesViewState.expanded[l].filter(e=>c.has(e));this._listCtrl.setViewName(l),this._listCtrl.setInitialExpansion(d),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const h=this._buildDashboardConfig();this._listDashCtrl.init(s,h,this.hass,o),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps();const p=await this._listDashCtrl.fetchMergedMonitoringStatus(i.entryIds);this._favoritesPanelStats=i.perPanelStats;const u=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(i.perPanelStats,h)+(r?`<div class="favorites-subdevices-section" style="padding:8px 16px 0;">\n           <div class="sub-devices">${bt(s,this.hass,h)}</div>\n         </div>`:"");try{"activity"===l?this._listCtrl.renderActivityView(e,this.hass,s,h,p,u):this._listCtrl.renderAreaView(e,this.hass,s,h,p,u),e.insertAdjacentHTML("afterbegin",`<style>${Rt}</style>`),await this._listDashCtrl.loadHistory(),this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,h),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,h)})}catch(t){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Bt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};dn.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===un}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,hn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,He(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,hn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==un),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(dn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===un){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!je(t))return e;return[{id:un,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===un;this._favorites=t;const i=this._panels.filter(e=>e.id!==un);if(this._panels=this._buildPanelList(i,t),n&&!je(t)){!function(){try{localStorage.removeItem(dn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${Ne(n("header.enable_switches"))}" data-text-on="${Ne(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${Ne(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Ne(e.panelName||e.topology.device_name||"")}</div>\n        ${Be(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${Nt(n.panelDeviceId)}"]`);i&&Lt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await We(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Qe(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await We(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Qe(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ve(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,n.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==un),s=await this._favCtrl.build(this.hass,this._favorites,i);if(t())return;const o=s.topology,a=s.entryIds[0]??null,r=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!r&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,a),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${wt(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Xt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};gn._shellStyles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
     :host {
       color: var(--primary-text-color);
     }
@@ -192,4 +192,4 @@ const Ce={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:L},Ee=(e=Ce
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,v([ke({attribute:!1})],dn.prototype,"hass",void 0),v([ke({type:Boolean,reflect:!0})],dn.prototype,"narrow",void 0),v([ze()],dn.prototype,"_panels",void 0),v([ze()],dn.prototype,"_selectedPanelId",void 0),v([ze()],dn.prototype,"_activeTab",void 0),v([ze()],dn.prototype,"_discovered",void 0),v([ze()],dn.prototype,"_discoveryError",void 0),v([ze()],dn.prototype,"_chartMetric",void 0),v([ze()],dn.prototype,"_listColumns",void 0),v([ze()],dn.prototype,"_favorites",void 0),dn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],dn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let hn=!1;const pn=dn.prototype.connectedCallback;dn.prototype.connectedCallback=function(){hn=!0,pn.call(this)};const un=dn.prototype.disconnectedCallback;dn.prototype.disconnectedCallback=function(){hn=!1,un.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(hn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{hn||location.reload()},200))});
+  `,gn.styles=[pn._shellStyles,$(jt)],v([ze({attribute:!1})],gn.prototype,"hass",void 0),v([ze({type:Boolean,reflect:!0})],gn.prototype,"narrow",void 0),v([Ae()],gn.prototype,"_panels",void 0),v([Ae()],gn.prototype,"_selectedPanelId",void 0),v([Ae()],gn.prototype,"_activeTab",void 0),v([Ae()],gn.prototype,"_discovered",void 0),v([Ae()],gn.prototype,"_discoveryError",void 0),v([Ae()],gn.prototype,"_chartMetric",void 0),v([Ae()],gn.prototype,"_listColumns",void 0),v([Ae()],gn.prototype,"_favorites",void 0),gn=pn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],gn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let _n=!1;const fn=gn.prototype.connectedCallback;gn.prototype.connectedCallback=function(){_n=!0,fn.call(this)};const vn=gn.prototype.disconnectedCallback;gn.prototype.disconnectedCallback=function(){_n=!1,vn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(_n||window.location.pathname.includes("span-panel")&&setTimeout(()=>{_n||location.reload()},200))});

From cb4137e2f39895df407e7d93474bf72be2f27718 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 17:47:19 -0700
Subject: [PATCH 40/97] release: bump card version to 0.9.4

---
 CHANGELOG.md            | 55 +++++++++++++++++++++++++++++++++++++++++
 dist/span-panel-card.js |  2 +-
 dist/span-panel.js      |  2 +-
 package-lock.json       |  4 +--
 package.json            |  2 +-
 src/constants.ts        |  2 +-
 6 files changed, 61 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index df2843d..4dd13d5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,60 @@
 # Changelog
 
+## 0.9.4
+
+### Added
+
+- **Compact expanded list rows** — Expanding a row in By Activity / By Area now shows only the chart. The gear icon and a real toggle-pill (arm-protected by the
+  slide-to-confirm) moved onto the always-visible list row so expanding no longer duplicates information above the chart.
+- **Configurable list view columns** — 1 / 2 / 3 column grid for By Activity and By Area, set in Graph Settings → List View Columns. Persisted per device via
+  localStorage. Narrow viewports (< 600px) force single-column regardless. Expanded charts stay in their own column so row-to-chart association stays clear.
+- **Favorites per-panel status grid** — The Favorites view now renders a responsive grid of per-contributing-panel status cards (Site / Grid / Upstream /
+  Downstream / Solar / Battery) below the slider + W/A row. One card per panel that contributes to the Favorites set; live values update on each tick.
+- **Slide-to-arm in Favorites** — Favorites view header now hosts the slide-confirm control so tappable ON/OFF toggles in list rows can actually fire. The
+  non-Favorites list views (By Activity / By Area on real panels) also gain a working slide-to-arm (previously the slider rendered but drag handlers were never
+  bound).
+- **Panel tabs inline with dropdown** — The panel tab bar (By Panel / By Activity / By Area / Monitoring) now sits on the same row as the panel-selector
+  dropdown in the toolbar.
+
+### Fixed
+
+- **Favorites utilization % now renders** — The list view was passing `null` monitoring status for Favorites, leaving utilization badges blank. Added per-entry
+  fetch + merge (`mergeMonitoringStatuses`) with a keyed 30s cache so cross-panel favorites show the same utilization data the single-panel views show.
+- **List / panel view flashing on tab, W/A, and panel switches** — Event handlers were both mutating `@state` and explicitly scheduling renders, so every
+  interaction fired two concurrent re-renders. Fixed by moving to the reactive-only path and adding a render coalescer plus a supersession-token guard so
+  superseded renders bail out at each async boundary.
+- **Amps chart didn't redraw on unit switch** — `powerHistory` merged new-metric points into the existing Watts map under the same UUID key. Now cleared before
+  every full re-render.
+- **`[data-uuid]` selector shadowing** — `dom-updater` scoped to `.circuit-slot[data-uuid]` so the expanded chart-only slot is targeted instead of the list row
+  (which now also carries `data-uuid`).
+- **ON/OFF badge no longer silently non-functional** — The tappable badge now routes through the real toggle pipeline with the slide-confirm gate; list views
+  previously dropped clicks because no `.slide-confirm` element existed in their header.
+
+### Changed
+
+- **Utilization % moved next to breaker badge** — In both the list rows and the By Panel breaker-grid slots, the utilization percent now sits immediately after
+  the breaker badge rather than alongside the battery shedding icon, where it competed visually with battery SoC.
+- **Favorites header simplified** — Removed the redundant "Favorites · N favorites" text (the dropdown already says "Favorites"). The header row now holds just
+  the slide-to-arm and W/A unit toggle.
+- **`buildListRowHTML` replaced the static ON/OFF badge with a real toggle-pill** for controllable circuits. Non-controllable circuits (PV, no switch entity)
+  keep a static text badge so they can't be accidentally toggled.
+
+### Architecture
+
+- Extracted `buildPanelStatsHTML` / `updatePanelStatsBlock` so stats-block render + update are shared between the persistent panel header and the Favorites
+  per-panel grid.
+- Extracted `mergeMonitoringStatuses` pure helper plus a new `MonitoringStatusMultiCache` per-entry keyed cache;
+  `DashboardController.fetchMergedMonitoringStatus` now reuses cached results within the 30s TTL instead of fanning out WS calls on every render.
+- Extracted `FavoritesViewState` persistence (`src/panel/favorites-view-state.ts`) and the render coalescing / token helpers (`src/panel/coalesce.ts`) out of
+  the ~1000-line panel element. Both are pure and now tested.
+- `CARD_STYLES` emitted once via Lit `static styles` rather than `insertAdjacentHTML`'d per tab render.
+- `CSS.escape` wrapper applied to every identifier-interpolated `querySelector`.
+- Each circuit in a list view now wraps its row + optional expansion in a `.list-cell` container so the expansion stays in the same CSS-grid column as its row
+  in multi-column mode.
+- Debounced Favorites view-state localStorage persistence (250ms) so long search queries don't thrash storage.
+- Tests grew from 109 → 132 (new coverage: `getCircuitStateClasses`, `mergeMonitoringStatuses`, `FavoritesController.build` composite-id construction, and
+  render-coalescing / supersession-token contracts).
+
 ## 0.9.3
 
 ### Added
diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 82f04ef..52d1f7d 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -79,4 +79,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index ae32f9c..cf18d9f 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -192,4 +192,4 @@ const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,gn.styles=[pn._shellStyles,$(jt)],v([ze({attribute:!1})],gn.prototype,"hass",void 0),v([ze({type:Boolean,reflect:!0})],gn.prototype,"narrow",void 0),v([Ae()],gn.prototype,"_panels",void 0),v([Ae()],gn.prototype,"_selectedPanelId",void 0),v([Ae()],gn.prototype,"_activeTab",void 0),v([Ae()],gn.prototype,"_discovered",void 0),v([Ae()],gn.prototype,"_discoveryError",void 0),v([Ae()],gn.prototype,"_chartMetric",void 0),v([Ae()],gn.prototype,"_listColumns",void 0),v([Ae()],gn.prototype,"_favorites",void 0),gn=pn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],gn),console.warn("%c SPAN-PANEL %c v0.9.3 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let _n=!1;const fn=gn.prototype.connectedCallback;gn.prototype.connectedCallback=function(){_n=!0,fn.call(this)};const vn=gn.prototype.disconnectedCallback;gn.prototype.disconnectedCallback=function(){_n=!1,vn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(_n||window.location.pathname.includes("span-panel")&&setTimeout(()=>{_n||location.reload()},200))});
+  `,gn.styles=[pn._shellStyles,$(jt)],v([ze({attribute:!1})],gn.prototype,"hass",void 0),v([ze({type:Boolean,reflect:!0})],gn.prototype,"narrow",void 0),v([Ae()],gn.prototype,"_panels",void 0),v([Ae()],gn.prototype,"_selectedPanelId",void 0),v([Ae()],gn.prototype,"_activeTab",void 0),v([Ae()],gn.prototype,"_discovered",void 0),v([Ae()],gn.prototype,"_discoveryError",void 0),v([Ae()],gn.prototype,"_chartMetric",void 0),v([Ae()],gn.prototype,"_listColumns",void 0),v([Ae()],gn.prototype,"_favorites",void 0),gn=pn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],gn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let _n=!1;const fn=gn.prototype.connectedCallback;gn.prototype.connectedCallback=function(){_n=!0,fn.call(this)};const vn=gn.prototype.disconnectedCallback;gn.prototype.disconnectedCallback=function(){_n=!1,vn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(_n||window.location.pathname.includes("span-panel")&&setTimeout(()=>{_n||location.reload()},200))});
diff --git a/package-lock.json b/package-lock.json
index 0c5bf64..f57b9c6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "span-panel-card",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "span-panel-card",
-      "version": "0.9.2",
+      "version": "0.9.4",
       "dependencies": {
         "lit": "^3.3.2"
       },
diff --git a/package.json b/package.json
index aeabfa9..8a4a07d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "span-panel-card",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/src/constants.ts b/src/constants.ts
index 581786f..4cd8f94 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1,7 +1,7 @@
 import { t } from "./i18n.js";
 import type { ChartMetricDef, GraphHorizonPreset, SheddingPriorityDef } from "./types.js";
 
-export const CARD_VERSION = "0.9.3";
+export const CARD_VERSION = "0.9.4";
 
 // -- Defaults --
 

From 11347b9bcb0e195a8327c987b5b6f22402b019cf Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 19:06:45 -0700
Subject: [PATCH 41/97] fix: address copilot review (orphaned JSDoc,
 aria-checked, coalesce error handling, dead CSS)

---
 src/card/card-styles.ts |  8 --------
 src/core/side-panel.ts  | 20 ++++++++++----------
 src/panel/coalesce.ts   | 22 ++++++++++++++--------
 tests/coalesce.test.ts  | 38 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 62 insertions(+), 26 deletions(-)

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 01d84a2..ce0631d 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -610,14 +610,6 @@ export const CARD_STYLES: string = `
     flex-shrink: 0;
   }
 
-  .list-status-badge.list-status-toggle {
-    cursor: pointer;
-    user-select: none;
-  }
-  .list-status-badge.list-status-toggle:hover {
-    filter: brightness(1.15);
-  }
-
   .list-status-on {
     color: #4dd9af;
   }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 386edac..c1a0bf2 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -710,11 +710,6 @@ class SpanSidePanel extends HTMLElement {
     return this._buildHeartButton(entityId, isFavorite);
   }
 
-  /**
-   * Build a heart toggle for a circuit row in panel-mode Graph Settings.
-   * Returns ``null`` when the circuit has no routable sensor entity
-   * (favorites services need an entity_id to resolve the target).
-   */
   /**
    * Build the "List view columns" section for the Graph Settings
    * panel — a segmented 1/2/3 control backed by localStorage. Clicking
@@ -768,6 +763,11 @@ class SpanSidePanel extends HTMLElement {
     return section;
   }
 
+  /**
+   * Build a heart toggle for a circuit row in panel-mode Graph Settings.
+   * Returns ``null`` when the circuit has no routable sensor entity
+   * (favorites services need an entity_id to resolve the target).
+   */
   private _buildFavoriteHeart(entities: CircuitEntities | undefined, isFavorite: boolean): HTMLButtonElement | null {
     const entityId = this._favoriteEntityId(entities);
     if (!entityId) {
@@ -780,7 +780,7 @@ class SpanSidePanel extends HTMLElement {
   /**
    * Shared heart-button builder used by both circuit and sub-device
    * panel-mode rows and by the per-target side-panel Favorite section.
-   * Renders an accessible toggle (``role=switch``, ``aria-pressed``,
+   * Renders an accessible toggle (``role=switch``, ``aria-checked``,
    * ``aria-label``) so screen readers announce both the action and the
    * current state — ``title`` alone isn't surfaced.
    */
@@ -791,7 +791,7 @@ class SpanSidePanel extends HTMLElement {
     btn.dataset.role = "fav-heart";
     btn.title = t("sidepanel.save_to_favorites");
     btn.setAttribute("role", "switch");
-    btn.setAttribute("aria-pressed", String(isFavorite));
+    btn.setAttribute("aria-checked", String(isFavorite));
     btn.setAttribute("aria-label", t("sidepanel.save_to_favorites"));
 
     const icon = document.createElement("ha-icon");
@@ -812,10 +812,10 @@ class SpanSidePanel extends HTMLElement {
     if (!this._hass) return;
     const wasActive = btn.classList.contains("active");
     const nextActive = !wasActive;
-    // Optimistically flip class, icon, and aria-pressed; roll back on error.
+    // Optimistically flip class, icon, and aria-checked; roll back on error.
     btn.classList.toggle("active", nextActive);
     icon.setAttribute("icon", nextActive ? "mdi:heart" : "mdi:heart-outline");
-    btn.setAttribute("aria-pressed", String(nextActive));
+    btn.setAttribute("aria-checked", String(nextActive));
     try {
       if (nextActive) {
         await addFavorite(this._hass, entityId);
@@ -825,7 +825,7 @@ class SpanSidePanel extends HTMLElement {
     } catch (err) {
       btn.classList.toggle("active", wasActive);
       icon.setAttribute("icon", wasActive ? "mdi:heart" : "mdi:heart-outline");
-      btn.setAttribute("aria-pressed", String(wasActive));
+      btn.setAttribute("aria-checked", String(wasActive));
       const message = _extractErrorMessage(err);
       this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
       throw err;
diff --git a/src/panel/coalesce.ts b/src/panel/coalesce.ts
index cf8ade2..8c13ff8 100644
--- a/src/panel/coalesce.ts
+++ b/src/panel/coalesce.ts
@@ -4,10 +4,11 @@
  * When the scheduler is called:
  * - If nothing is running, it starts the work immediately.
  * - If work is already in-flight, it records a single follow-up request
- *   (additional requests while in-flight are collapsed into that same
- *   follow-up, not queued individually).
- * - When the in-flight work finishes, exactly one follow-up run is
- *   started (if one was requested).
+ *   and returns the in-flight promise so the caller can ``await`` the
+ *   current run (additional requests while in-flight are collapsed into
+ *   that same follow-up, not queued individually).
+ * - When the in-flight work finishes (whether it succeeds or throws),
+ *   exactly one follow-up run is started if one was requested.
  *
  * This prevents two concurrent calls to ``work`` from racing with each
  * other, while still guaranteeing that a request arriving after the
@@ -20,6 +21,11 @@ export function coalesceRuns(work: () => Promise<void>): () => Promise<void> {
   async function schedule(): Promise<void> {
     if (inFlight) {
       followUpPending = true;
+      // Wait for the in-flight run to settle so this caller doesn't
+      // return while work is still running. Swallow errors — the
+      // in-flight caller already surfaces them; we're just waiting
+      // for the lock to clear so the follow-up can start.
+      await inFlight.catch(() => {});
       return;
     }
     const run = (async (): Promise<void> => {
@@ -27,10 +33,10 @@ export function coalesceRuns(work: () => Promise<void>): () => Promise<void> {
         await work();
       } finally {
         inFlight = null;
-      }
-      if (followUpPending) {
-        followUpPending = false;
-        await schedule();
+        if (followUpPending) {
+          followUpPending = false;
+          await schedule();
+        }
       }
     })();
     inFlight = run;
diff --git a/tests/coalesce.test.ts b/tests/coalesce.test.ts
index f066367..6e73a2b 100644
--- a/tests/coalesce.test.ts
+++ b/tests/coalesce.test.ts
@@ -109,6 +109,44 @@ describe("coalesceRuns", () => {
     await expect(schedule()).resolves.toBeUndefined();
     expect(work).toHaveBeenCalledTimes(2);
   });
+
+  it("work throwing with a follow-up pending → follow-up still runs", async () => {
+    let resolveFirst!: () => void;
+    const firstRunGate = new Promise<void>(res => {
+      resolveFirst = res;
+    });
+    let firstStarted!: () => void;
+    const firstRunStarted = new Promise<void>(res => {
+      firstStarted = res;
+    });
+
+    let callCount = 0;
+    const work = vi.fn().mockImplementation(async () => {
+      callCount++;
+      if (callCount === 1) {
+        firstStarted();
+        await firstRunGate;
+        throw new Error("boom");
+      }
+    });
+
+    const schedule = coalesceRuns(work);
+    const p1 = schedule();
+    await firstRunStarted;
+
+    // Caller 2 arrives while caller 1 is in-flight
+    const p2 = schedule();
+
+    // Release caller 1 — it will throw
+    resolveFirst();
+
+    // p1 rejects; p2 resolves (it awaited inFlight.catch())
+    await expect(p1).rejects.toThrow("boom");
+    await expect(p2).resolves.toBeUndefined();
+
+    // Work should have run twice: the original (threw) + one follow-up (succeeded)
+    expect(work).toHaveBeenCalledTimes(2);
+  });
 });
 
 // ---------------------------------------------------------------------------

From 015938bbd864a213b417e5e45258d8258c41ea87 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 19:07:01 -0700
Subject: [PATCH 42/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 4 ++--
 dist/span-panel.js      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 52d1f7d..f957f3d 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Ve{constructor(){this._caches=new Map}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Be,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Qe(e,t){return e?.circuits?e.circuits[t]??null:null}function Je(e){return!!e&&void 0!==e.continuous_threshold_pct}function Xe(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ke(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Je(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ze(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Je(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Xe(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ke(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ye(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const et={names:["power","battery power"],suffixes:["_power"]},tt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},it={names:["state of energy"],suffixes:["_soe_kwh"]},nt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function st(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ot(e){return st(e,et)}function at(e){return st(e,tt)}function rt(e){return st(e,it)}function ct(e){return st(e,nt)}function lt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function dt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ht(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function pt(e){const t=a[e];return t?t.ms:a[o].ms}function ut(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function gt(e){return Math.max(500,Math.floor(e/5e3))}function _t(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function ft(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=ut(n),c=gt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,ft(t,r,c))}}}function bt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ot(n)};n.type===d&&(e.soc=at(n),e.soe=rt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function yt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?pt(s.get(e)):ht(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of bt(t)){let t;t=o&&o.has(s)?pt(o.get(s)):ht(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(mt(e,i.entityIds,i.uuidByEntity,t,n)):r.push(vt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function wt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function xt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function St(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Ct{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function $t(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Et(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class zt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.monitoringMultiCache=new Ve,this.graphSettingsCache=new Ct,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,$t(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Et(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,$t(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Et(n,s))}}async loadHistory(){await yt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(n),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of bt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(s),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of bt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await yt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ht(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}St(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${xt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?pt(a.get(s)):r,p=d.device_type===l;wt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ht(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${xt(n)}"]`);if(!i)continue;const c=ot(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");wt(e,t,r,o?.has(n)?pt(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${xt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function kt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function At(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Xe(o)}">${Math.round(e)}%</span>`}const E=!!o&&Je(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ke(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Pt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Lt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Nt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Dt(e,t,i,n){const s=Lt(e,i,n),o=Lt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function It(e,t,i){return e.sort((e,n)=>Dt(e[1],n[1],t,i))}function Ht(e){return e.entities?.current??e.entities?.power??""}class Tt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=It(Object.entries(i.circuits),t,n);let r=o+kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Qe(s,Ht(i)),a=Nt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=At(e,i,t,n,o,a,c),c&&(r+=Mt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=It(i,t,s);d+=Pt(e);for(const[e,i]of n){const n=Qe(o,Ht(i)),a=Nt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=At(e,i,t,s,n,a,r),r&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Lt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Dt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=xt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Qe(this._monitoringStatus,Ht(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Rt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Ft(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ot(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const jt="favorites-changed";async function qt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ut=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Wt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{};s.appendChild(this._buildListColumnsSection());const p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const i=await qt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await qt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ut){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Wt)}catch{}const Gt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Bt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new zt,this._listCtrl=new Tt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Ve{constructor(){this._caches=new Map}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Be,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Qe(e,t){return e?.circuits?e.circuits[t]??null:null}function Je(e){return!!e&&void 0!==e.continuous_threshold_pct}function Xe(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ke(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Je(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ze(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Je(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Xe(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ke(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ye(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const et={names:["power","battery power"],suffixes:["_power"]},tt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},it={names:["state of energy"],suffixes:["_soe_kwh"]},nt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function st(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ot(e){return st(e,et)}function at(e){return st(e,tt)}function rt(e){return st(e,it)}function ct(e){return st(e,nt)}function lt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function dt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ht(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function pt(e){const t=a[e];return t?t.ms:a[o].ms}function ut(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function gt(e){return Math.max(500,Math.floor(e/5e3))}function _t(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function ft(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=ut(n),c=gt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,ft(t,r,c))}}}function bt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ot(n)};n.type===d&&(e.soc=at(n),e.soe=rt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function yt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?pt(s.get(e)):ht(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of bt(t)){let t;t=o&&o.has(s)?pt(o.get(s)):ht(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(mt(e,i.entityIds,i.uuidByEntity,t,n)):r.push(vt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function wt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function xt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function St(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Ct{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function $t(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Et(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class zt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.monitoringMultiCache=new Ve,this.graphSettingsCache=new Ct,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,$t(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Et(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,$t(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Et(n,s))}}async loadHistory(){await yt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(n),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of bt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(s),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of bt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await yt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ht(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}St(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${xt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?pt(a.get(s)):r,p=d.device_type===l;wt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ht(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${xt(n)}"]`);if(!i)continue;const c=ot(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");wt(e,t,r,o?.has(n)?pt(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${xt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function kt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function At(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Xe(o)}">${Math.round(e)}%</span>`}const E=!!o&&Je(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ke(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Pt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Lt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Nt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Dt(e,t,i,n){const s=Lt(e,i,n),o=Lt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function It(e,t,i){return e.sort((e,n)=>Dt(e[1],n[1],t,i))}function Ht(e){return e.entities?.current??e.entities?.power??""}class Tt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=It(Object.entries(i.circuits),t,n);let r=o+kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Qe(s,Ht(i)),a=Nt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=At(e,i,t,n,o,a,c),c&&(r+=Mt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=It(i,t,s);d+=Pt(e);for(const[e,i]of n){const n=Qe(o,Ht(i)),a=Nt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=At(e,i,t,s,n,a,r),r&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Lt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Dt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=xt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Qe(this._monitoringStatus,Ht(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Rt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Ft(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ot(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const jt="favorites-changed";async function qt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ut=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Wt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{};s.appendChild(this._buildListColumnsSection());const p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await qt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await qt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ut){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Wt)}catch{}const Gt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Bt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new zt,this._listCtrl=new Tt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -79,4 +79,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index cf18d9f..2114ca6 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Te extends Me{constructor(e){if(super(e),this.it=le,e.type!==Pe)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===le||null==e)return this._t=void 0,this.it=e;if(e===re)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const Ie=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te),De={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>De[e]??e)}const Le="span_panel_list_columns";function Fe(){try{const e=localStorage.getItem(Le);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(Le,String(e))}catch{}}const Oe="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class qe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function je(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ue=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ge extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{};a.appendChild(this._buildListColumnsSection());const u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Fe(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-pressed",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-pressed",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Ue){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ge)}catch{}async function Ve(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function We(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ve(e,i),{topology:i,panelDevice:r,panelSize:s}}function Be(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Ne(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Qe(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Be(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Je=u.power;function Xe(e){return Je.unit(e)}function Ke(e){return(e<0?"-":"")+Je.format(e)}function Ze(e){return(Math.abs(e)/1e3).toFixed(1)}function Ye(e){return Math.ceil(e/2)}function et(e){return e%2==0?1:0}function tt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ye(t)===Ye(n)?"row-span":et(t)===et(n)?"col-span":"row-span"}function nt(e){const t=e.chart_metric??i;return u[t]??u[i]}function it(e,t){const n=function(e){return nt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class st{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ot{constructor(){this._caches=new Map}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new st,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function at(e,t){return e?.circuits?e.circuits[t]??null:null}function rt(e){return!!e&&void 0!==e.continuous_threshold_pct}function lt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ct(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),rt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function dt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=nt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Ke(v)}</strong><span class="power-unit">${Xe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&rt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${lt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ct(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ht(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const pt={names:["power","battery power"],suffixes:["_power"]},ut={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},gt={names:["state of energy"],suffixes:["_soe_kwh"]},_t={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ft(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function vt(e){return ft(e,pt)}function mt(e){return ft(e,ut)}function bt(e){return ft(e,gt)}function yt(e){return ft(e,_t)}function wt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=vt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?mt(s):null,v=g?bt(s):null,m=g?yt(s):null,b=xt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=$t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ke(u)}</strong> <span class="power-unit">${Xe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function xt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function $t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function St(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Ct(e){const t=o[e];return t?t.ms:o[s].ms}function Et(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function kt(e){return Math.max(500,Math.floor(e/5e3))}function zt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function At(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Pt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Mt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=Et(i),l=kt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,At(t,r,l))}}}function Tt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:vt(i)};i.type===c&&(e.soc=mt(i),e.soe=bt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function It(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=it(i,n);if(!t)continue;let o;o=s&&s.has(e)?Ct(s.get(e)):St(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Tt(t)){let t;t=o&&o.has(s)?Ct(o.get(s)):St(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Pt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Mt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Dt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Nt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Lt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ze(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ze(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ze(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ze(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ft(e,t,i,s,o,a){if(!e||!i||!t)return;const c=St(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Lt(o,t,n,i,s)}(e,t,i,s,d);const h=nt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Nt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ke(f)}</strong><span class="power-unit">${Xe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?Ct(a.get(s)):c,p=d.device_type===l;Dt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Ht{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ot(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Rt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new st,this.monitoringMultiCache=new ot,this.graphSettingsCache=new Ht,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ot(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Rt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ot(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Rt(i,s))}}async loadHistory(){await It(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=it(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(i),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Tt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(a),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Tt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await It(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=St(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Nt(i)}"]`);if(!n)continue;const l=vt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ke(i)}</strong> <span class="power-unit">${Xe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Dt(e,t,r,o?.has(i)?Ct(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${Nt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const jt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-badge.list-status-toggle {\n    cursor: pointer;\n    user-select: none;\n  }\n  .list-status-badge.list-status-toggle:hover {\n    filter: brightness(1.15);\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ut{constructor(){this._ctrl=new qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await We(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Qe(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":tt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ye(Math.max(...n));0===et(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?at(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=dt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ht(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=dt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ht(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=dt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=wt(a,t,s);e.innerHTML=`\n      <style>${jt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Gt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Wt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Bt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Xt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Vt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Qt}">\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Bt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Kt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Zt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=Ne(t.name||n("grid.unknown")),y=nt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Ke(h)}</strong><span class="power-unit">${Xe(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${lt(o)}">${Math.round(e)}%</span>`}const E=!!o&&rt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ne(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${Ne(e)}" data-uuid="${Ne(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Yt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ct(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=Ne(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function en(e){return`<div class="area-header" data-area="${Ne(e)}" style="grid-column:1 / -1;">${Ne(e)}</div>`}function tn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function nn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function sn(e,t,n,i){const s=tn(e,n,i),o=tn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function on(e,t,n){return e.sort((e,i)=>sn(e[1],i[1],t,n))}function an(e){return e.entities?.current??e.entities?.power??""}class rn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=on(Object.entries(n.circuits),t,i);let r=o+Kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=at(s,an(n)),a=nn(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,r+=Zt(e,n,t,i,o,a,l),l&&(r+=Yt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=on(n,t,s);d+=en(e);for(const[e,n]of i){const i=at(o,an(n)),a=nn(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,d+=Zt(e,n,t,s,i,a,r),r&&(d+=Yt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=nt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=tn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Ke(i)}</strong><span class="power-unit">${Xe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>sn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Nt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=at(this._monitoringStatus,an(t)),o=Yt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ln(e,t){return`${e}|${t}`}class cn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await We(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=ln(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=ln(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const dn="span_panel_favorites_view_state";function hn(e){try{localStorage.setItem(dn,JSON.stringify(e))}catch{}}var pn;const un="favorites";let gn=pn=class extends Se{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Fe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ut,this._monitoringTab=new Xt,this._listDashCtrl=new qt,this._listCtrl=new rn(this._listDashCtrl),this._favCache=new qe,this._favCtrl=new cn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return void(n=!0);const s=(async()=>{try{await e()}finally{t=null}n&&(n=!1,await i())})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Oe,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Oe,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?ae`
+ */class Te extends Me{constructor(e){if(super(e),this.it=le,e.type!==Pe)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===le||null==e)return this._t=void 0,this.it=e;if(e===re)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const Ie=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te),De={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>De[e]??e)}const Le="span_panel_list_columns";function Fe(){try{const e=localStorage.getItem(Le);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(Le,String(e))}catch{}}const Oe="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class qe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function je(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ue=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ge extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{};a.appendChild(this._buildListColumnsSection());const u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Fe(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Ue){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ge)}catch{}async function Ve(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function We(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ve(e,i),{topology:i,panelDevice:r,panelSize:s}}function Be(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Ne(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Qe(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Be(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Je=u.power;function Xe(e){return Je.unit(e)}function Ke(e){return(e<0?"-":"")+Je.format(e)}function Ze(e){return(Math.abs(e)/1e3).toFixed(1)}function Ye(e){return Math.ceil(e/2)}function et(e){return e%2==0?1:0}function tt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ye(t)===Ye(n)?"row-span":et(t)===et(n)?"col-span":"row-span"}function nt(e){const t=e.chart_metric??i;return u[t]??u[i]}function it(e,t){const n=function(e){return nt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class st{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ot{constructor(){this._caches=new Map}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new st,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function at(e,t){return e?.circuits?e.circuits[t]??null:null}function rt(e){return!!e&&void 0!==e.continuous_threshold_pct}function lt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ct(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),rt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function dt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=nt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Ke(v)}</strong><span class="power-unit">${Xe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&rt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${lt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ct(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ht(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const pt={names:["power","battery power"],suffixes:["_power"]},ut={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},gt={names:["state of energy"],suffixes:["_soe_kwh"]},_t={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ft(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function vt(e){return ft(e,pt)}function mt(e){return ft(e,ut)}function bt(e){return ft(e,gt)}function yt(e){return ft(e,_t)}function wt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=vt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?mt(s):null,v=g?bt(s):null,m=g?yt(s):null,b=xt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=$t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ke(u)}</strong> <span class="power-unit">${Xe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function xt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function $t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function St(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Ct(e){const t=o[e];return t?t.ms:o[s].ms}function Et(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function kt(e){return Math.max(500,Math.floor(e/5e3))}function zt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function At(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Pt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Mt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=Et(i),l=kt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,At(t,r,l))}}}function Tt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:vt(i)};i.type===c&&(e.soc=mt(i),e.soe=bt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function It(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=it(i,n);if(!t)continue;let o;o=s&&s.has(e)?Ct(s.get(e)):St(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Tt(t)){let t;t=o&&o.has(s)?Ct(o.get(s)):St(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Pt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Mt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Dt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Nt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Lt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ze(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ze(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ze(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ze(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ft(e,t,i,s,o,a){if(!e||!i||!t)return;const c=St(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Lt(o,t,n,i,s)}(e,t,i,s,d);const h=nt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Nt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ke(f)}</strong><span class="power-unit">${Xe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?Ct(a.get(s)):c,p=d.device_type===l;Dt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Ht{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ot(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Rt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new st,this.monitoringMultiCache=new ot,this.graphSettingsCache=new Ht,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ot(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Rt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ot(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Rt(i,s))}}async loadHistory(){await It(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=it(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(i),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Tt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(a),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Tt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await It(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=St(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Nt(i)}"]`);if(!n)continue;const l=vt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ke(i)}</strong> <span class="power-unit">${Xe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Dt(e,t,r,o?.has(i)?Ct(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${Nt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const jt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ut{constructor(){this._ctrl=new qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await We(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Qe(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":tt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ye(Math.max(...n));0===et(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?at(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=dt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ht(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=dt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ht(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=dt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=wt(a,t,s);e.innerHTML=`\n      <style>${jt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Gt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Wt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Bt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Xt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Vt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Qt}">\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Bt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Kt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Zt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=Ne(t.name||n("grid.unknown")),y=nt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Ke(h)}</strong><span class="power-unit">${Xe(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${lt(o)}">${Math.round(e)}%</span>`}const E=!!o&&rt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ne(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${Ne(e)}" data-uuid="${Ne(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Yt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ct(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=Ne(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function en(e){return`<div class="area-header" data-area="${Ne(e)}" style="grid-column:1 / -1;">${Ne(e)}</div>`}function tn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function nn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function sn(e,t,n,i){const s=tn(e,n,i),o=tn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function on(e,t,n){return e.sort((e,i)=>sn(e[1],i[1],t,n))}function an(e){return e.entities?.current??e.entities?.power??""}class rn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=on(Object.entries(n.circuits),t,i);let r=o+Kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=at(s,an(n)),a=nn(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,r+=Zt(e,n,t,i,o,a,l),l&&(r+=Yt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=on(n,t,s);d+=en(e);for(const[e,n]of i){const i=at(o,an(n)),a=nn(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,d+=Zt(e,n,t,s,i,a,r),r&&(d+=Yt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=nt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=tn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Ke(i)}</strong><span class="power-unit">${Xe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>sn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Nt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=at(this._monitoringStatus,an(t)),o=Yt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ln(e,t){return`${e}|${t}`}class cn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await We(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=ln(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=ln(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const dn="span_panel_favorites_view_state";function hn(e){try{localStorage.setItem(dn,JSON.stringify(e))}catch{}}var pn;const un="favorites";let gn=pn=class extends Se{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Fe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ut,this._monitoringTab=new Xt,this._listDashCtrl=new qt,this._listCtrl=new rn(this._listDashCtrl),this._favCache=new qe,this._favCtrl=new cn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Oe,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Oe,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?ae`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>

From a3e523392ca47880c35a2ff78a1a0165702611eb Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:08:35 -0700
Subject: [PATCH 43/97] docs: add error management design spec

Defines architecture for panel offline detection, error banners,
retry logic, and service call error surfacing across the span-card
frontend.
---
 .../2026-04-15-error-management-design.md     | 300 ++++++++++++++++++
 1 file changed, 300 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-04-15-error-management-design.md

diff --git a/docs/superpowers/specs/2026-04-15-error-management-design.md b/docs/superpowers/specs/2026-04-15-error-management-design.md
new file mode 100644
index 0000000..6d267f4
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-15-error-management-design.md
@@ -0,0 +1,300 @@
+# Error Management Design Spec
+
+**Date:** 2026-04-15 **Scope:** span-card frontend + span_panel backend (websocket.py) **Branch:** feature/favorites-view
+
+## Problem
+
+The span-card frontend has no user-facing error management for panel unavailability. When a SPAN panel goes offline:
+
+- Charts silently stop updating (`parseFloat("unavailable")` returns NaN, samples are skipped)
+- Switch toggles fail silently (console.error only)
+- Favorites, history, monitoring, and graph settings fetches fail silently
+- The only user-visible error display is `_showError()` inside the side panel, which auto-dismisses after 5 seconds and only covers service calls made from
+  within the side panel
+
+The backend already tracks `panel_offline` state in the coordinator and surfaces it via a `binary_sensor.*_panel_status` entity that is always available.
+Entities have per-type availability strategies. The frontend does not consume any of these signals.
+
+## Design Decisions
+
+| Decision                    | Choice                                                      | Rationale                                                                     |
+| --------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------------------------- |
+| Card vs panel error UX      | Identical in both contexts                                  | Users expect consistent behavior                                              |
+| Retry behavior              | Automatic (3x backoff) + manual fallback                    | Handles transient failures automatically; gives user control after exhaustion |
+| Stale data visual treatment | Banner only, no opacity/degradation                         | Clean, non-distracting; banner is sufficient signal                           |
+| Panel status detection      | Watch `binary_sensor.*_panel_status`                        | Single source of truth maintained by coordinator                              |
+| Error display location      | Top-of-dashboard banner                                     | Side panel implies configuration, not system state                            |
+| Service call error location | Same top banner                                             | Consistent single location for all errors                                     |
+| Banner persistence          | State-driven; persistent errors stay until condition clears | Panel offline must never be displaced by transient errors                     |
+| Transient error stacking    | New transient replaces previous transient                   | Prevents banner noise from rapid failures                                     |
+
+## Architecture
+
+### ErrorStore (`src/core/error-store.ts`)
+
+Singleton class managing all active error state.
+
+#### Error Entry Shape
+
+```typescript
+interface ErrorEntry {
+  id: string; // unique key, e.g. "panel-offline", "service:set_threshold:abc123"
+  level: "info" | "warning" | "error";
+  message: string; // localized display string
+  persistent: boolean; // true = stays until explicitly cleared; false = auto-dismiss
+  ttl?: number; // auto-dismiss ms for transient errors (default 5000)
+  retryFn?: () => void; // optional retry callback, shown as "Retry" button
+  timestamp: number; // when the error was added
+}
+```
+
+#### Two-Lane Model
+
+- **Persistent lane** — entries with `persistent: true` (e.g., panel offline). Remain until explicitly removed via `ErrorStore.remove(id)`. Multiple persistent
+  errors can coexist (e.g., two panels both offline in the integration panel view). Never displaced by transient errors.
+- **Transient lane** — entries with `persistent: false` (e.g., failed service call). Auto-dismiss after `ttl` ms. Only one transient error is displayed at a
+  time — a new transient error replaces the previous one regardless of `id`. If the same `id` is re-added, the timer resets. This prevents banner noise from
+  rapid successive failures.
+
+#### API
+
+```typescript
+class ErrorStore {
+  add(entry: ErrorEntry): void;
+  remove(id: string): void;
+  clear(filter?: { persistent?: boolean }): void;
+  get active(): ErrorEntry[]; // persistent first, then transient
+  subscribe(cb: () => void): () => void; // returns unsubscribe fn
+  watchPanelStatus(hass: HomeAssistant, entityId: string): void;
+  updateHass(hass: HomeAssistant): void;
+}
+```
+
+#### Panel Status Watching
+
+- `watchPanelStatus(hass, entityId)` is called once after topology discovery with the `panel_status` binary sensor entity ID from the topology response.
+- On each `hass` property update, the card/panel calls `ErrorStore.updateHass(hass)`.
+- The store reads `hass.states[entityId].state`:
+  - `"off"` (panel offline) -> adds persistent `"panel-offline"` error at level `"error"`
+  - `"on"` -> removes the `"panel-offline"` error; briefly adds a transient `"info"` entry ("SPAN Panel reconnected")
+  - `"unavailable"` or `"unknown"` -> treated as offline
+
+### RetryManager (`src/core/retry-manager.ts`)
+
+Wraps async operations with automatic retry and backoff, dispatches to ErrorStore on exhaustion.
+
+#### Behavior
+
+- Wraps any `() => Promise<T>` call
+- On failure: retries up to 3 times with exponential backoff (1s, 2s, 4s)
+- On exhaustion: adds a transient error to the ErrorStore with failure message and optional retry callback
+- On success after prior failure: removes the error from the store
+- If the ErrorStore has an active `panel-offline` persistent error, skips automatic retries for service calls and immediately dispatches a transient error
+  ("Panel offline - action unavailable")
+
+#### API
+
+```typescript
+class RetryManager {
+  constructor(private store: ErrorStore) {}
+
+  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T>;
+
+  async callService(
+    hass: HomeAssistant,
+    domain: string,
+    service: string,
+    data?: Record<string, unknown>,
+    target?: Record<string, unknown>,
+    opts?: { errorId?: string; errorMessage?: string; retries?: number }
+  ): Promise<void>;
+}
+```
+
+The `errorId` controls deduplication (e.g., all graph horizon calls share `"service:graph_horizon"`). If omitted, auto-generated from service/WS type.
+
+#### Scope
+
+RetryManager is for user-initiated actions (service calls) and one-shot fetches (topology discovery, history loads). It does NOT wrap data fetches that have
+their own 30-second polling caches (graph settings, monitoring status, favorites) — those caches re-attempt on the next poll cycle.
+
+### `<span-error-banner>` Component (`src/core/error-banner.ts`)
+
+LitElement custom element that renders active errors from the ErrorStore.
+
+#### Rendering Rules
+
+- Subscribes to ErrorStore on `connectedCallback`, unsubscribes on `disconnectedCallback`
+- Renders all persistent errors first, then the current transient error
+- Each error: icon (left) + message text + optional "Retry" button (right)
+- Colors via HA CSS variables:
+  - `error` level: `var(--error-color)` background tint
+  - `warning` level: `var(--warning-color)` background tint
+  - `info` level: `var(--info-color)` background tint
+- Icons: `mdi:alert-circle` (error), `mdi:alert` (warning), `mdi:information` (info)
+- Persistent errors: no dismiss button
+- Transient errors: no dismiss button, auto-dismiss via TTL
+- When no errors active: renders nothing (no reserved space)
+
+#### Placement
+
+- `span-panel-card.ts`: inside `<ha-card>`, above the tab bar and content
+- `span-panel.ts`: below the header/panel selector, above tab content
+- Same component in both contexts
+
+#### Styling
+
+- Full width of card/panel
+- Compact: small vertical padding, standard card font size
+- Stacked persistent + transient errors separated by thin divider
+- Entrance/exit: opacity fade transition (~200ms)
+
+## Backend Change
+
+### WebSocket Topology Response (`websocket.py`)
+
+Add the `panel_status` binary sensor entity ID to the topology response's entity map. Currently `_PANEL_SENSOR_KEYS` only resolves `sensor.*` entities. Add a
+parallel lookup for the `binary_sensor.*_panel_status` entity.
+
+The topology response `panel_entities` map gains:
+
+```json
+{
+  "panel_status": "binary_sensor.span_panel_xxx_panel_status"
+}
+```
+
+Implementation: use `build_binary_sensor_unique_id(serial, "panel_status")` from `id_builder.py` to construct the unique*id (pattern:
+`span*{serial}\_panel_status`), then resolve via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN,
+unique_id)`. Add this alongside the existing `\_build_panel_entity_map`call in`handle_panel_topology`.
+
+### Frontend Type Change (`types.ts`)
+
+Add `panel_status?: string` to the `PanelEntities` interface.
+
+## Integration Points
+
+### Side Panel (`side-panel.ts`)
+
+Remove `_showError()` method, `#error-msg` div element, and auto-dismiss timer. All ~15 call sites route through ErrorStore instead. The side panel receives the
+ErrorStore instance as a property.
+
+### Dashboard Controller (`dashboard-controller.ts`)
+
+- Switch toggle (line 367): replace `console.error` catch with RetryManager call
+- History refresh (line 314): replace silent catch with ErrorStore transient error ("Unable to load historical data")
+- Graph settings fetch (line 157): dispatch transient error on failure instead of silent fallback
+
+### Card (`span-panel-card.ts`)
+
+- Add `<span-error-banner>` to render output above tab bar
+- Create ErrorStore instance, pass to child components
+- Replace discovery error static div with ErrorStore persistent error + retry callback
+- Call `ErrorStore.watchPanelStatus()` after topology discovery
+- Call `ErrorStore.updateHass()` on each `hass` property update
+
+### Panel (`span-panel.ts`)
+
+- Add `<span-error-banner>` below header, above tab content
+- Create ErrorStore instance, pass to child components
+- Surface device discovery and favorites fetch errors
+- Call `ErrorStore.watchPanelStatus()` after discovery
+- Call `ErrorStore.updateHass()` on each `hass` property update
+
+### Tab Monitoring (`tab-monitoring.ts`)
+
+Replace silent `.catch(() => {})` patterns (lines 669, 679) with ErrorStore transient errors.
+
+### Cache Stores
+
+These already have 30s polling. On fetch failure, dispatch a transient error to ErrorStore in addition to returning cached/default data:
+
+- `monitoring-status.ts` — "Unable to load monitoring status"
+- `favorites-store.ts` — "Unable to load favorites"
+- `graph-settings.ts` — "Unable to load graph settings"
+
+### Area Resolver (`area-resolver.ts`)
+
+Replace silent subscription failure (line 94) with a transient warning via ErrorStore.
+
+### Card Discovery (`card-discovery.ts`)
+
+Wire retry callback into ErrorStore persistent error entry so the user can re-trigger discovery without reloading the dashboard.
+
+### Constants (`constants.ts`)
+
+Remove `ERROR_DISPLAY_MS` (5000ms). The ErrorStore defines its own `DEFAULT_ERROR_TTL = 5000` constant internally.
+
+## i18n Keys
+
+All new strings added to `i18n.ts` for all 5 locales (en, es, fr, ja, pt):
+
+### Persistent Errors
+
+| Key                         | English                         |
+| --------------------------- | ------------------------------- |
+| `error.panel_offline`       | SPAN Panel unreachable          |
+| `error.panel_offline_named` | SPAN Panel '{name}' unreachable |
+| `error.discovery_failed`    | Unable to connect to SPAN Panel |
+
+### Transient Errors
+
+| Key                             | English                             |
+| ------------------------------- | ----------------------------------- |
+| `error.service_failed`          | Action failed: {detail}             |
+| `error.relay_failed`            | Unable to toggle relay              |
+| `error.shedding_failed`         | Unable to update shedding priority  |
+| `error.threshold_failed`        | Unable to save threshold            |
+| `error.graph_horizon_failed`    | Unable to update graph time horizon |
+| `error.favorites_fetch_failed`  | Unable to load favorites            |
+| `error.favorites_toggle_failed` | Unable to update favorite           |
+| `error.history_failed`          | Unable to load historical data      |
+| `error.monitoring_failed`       | Unable to load monitoring status    |
+| `error.graph_settings_failed`   | Unable to load graph settings       |
+
+### Info
+
+| Key                       | English                |
+| ------------------------- | ---------------------- |
+| `error.panel_reconnected` | SPAN Panel reconnected |
+
+### UI
+
+| Key               | English                     |
+| ----------------- | --------------------------- |
+| `error.retry`     | Retry                       |
+| `card.connecting` | Connecting to SPAN Panel... |
+
+## File Impact Summary
+
+### New Files (3)
+
+| File                        | Purpose                          |
+| --------------------------- | -------------------------------- |
+| `src/core/error-store.ts`   | ErrorStore singleton             |
+| `src/core/retry-manager.ts` | RetryManager utility             |
+| `src/core/error-banner.ts`  | `<span-error-banner>` LitElement |
+
+### Backend Change (1)
+
+| File                                        | Change                                                |
+| ------------------------------------------- | ----------------------------------------------------- |
+| `custom_components/span_panel/websocket.py` | Add `panel_status` binary sensor to topology response |
+
+### Modified Frontend Files (12)
+
+| File                               | Change                                              |
+| ---------------------------------- | --------------------------------------------------- |
+| `src/core/side-panel.ts`           | Remove `_showError()`, route errors to ErrorStore   |
+| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager |
+| `src/card/span-panel-card.ts`      | Add banner, ErrorStore, panel status watching       |
+| `src/panel/span-panel.ts`          | Add banner, ErrorStore, panel status watching       |
+| `src/panel/tab-monitoring.ts`      | Replace silent catches                              |
+| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                     |
+| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                     |
+| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                     |
+| `src/core/area-resolver.ts`        | Dispatch warning on failure                         |
+| `src/card/card-discovery.ts`       | Wire retry into ErrorStore                          |
+| `src/i18n.ts`                      | Add error keys for 5 locales                        |
+| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                           |
+| `src/types.ts`                     | Add `panel_status` to `PanelEntities`               |

From 9ada6ad9cf7f37b14c34555e32ff4dd59af82e6e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:15:58 -0700
Subject: [PATCH 44/97] docs: clarify backend helper usage in error management
 spec

Use a dedicated helper function in websocket.py that delegates to
build_binary_sensor_unique_id from id_builder.py for panel_status
entity resolution.
---
 .../specs/2026-04-15-error-management-design.md           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/superpowers/specs/2026-04-15-error-management-design.md b/docs/superpowers/specs/2026-04-15-error-management-design.md
index 6d267f4..3c0dde0 100644
--- a/docs/superpowers/specs/2026-04-15-error-management-design.md
+++ b/docs/superpowers/specs/2026-04-15-error-management-design.md
@@ -154,7 +154,7 @@ LitElement custom element that renders active errors from the ErrorStore.
 ### WebSocket Topology Response (`websocket.py`)
 
 Add the `panel_status` binary sensor entity ID to the topology response's entity map. Currently `_PANEL_SENSOR_KEYS` only resolves `sensor.*` entities. Add a
-parallel lookup for the `binary_sensor.*_panel_status` entity.
+parallel lookup for the binary sensor.
 
 The topology response `panel_entities` map gains:
 
@@ -164,9 +164,9 @@ The topology response `panel_entities` map gains:
 }
 ```
 
-Implementation: use `build_binary_sensor_unique_id(serial, "panel_status")` from `id_builder.py` to construct the unique*id (pattern:
-`span*{serial}\_panel_status`), then resolve via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN,
-unique_id)`. Add this alongside the existing `\_build_panel_entity_map`call in`handle_panel_topology`.
+Implementation: add a helper function (e.g., `_resolve_panel_status_entity`) in `websocket.py` that uses the existing `build_binary_sensor_unique_id` from
+`id_builder.py` to construct the unique_id, then resolves the entity_id via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)`. Call this
+helper alongside the existing `_build_panel_entity_map` call in `handle_panel_topology` and merge the result into the `panel_entities` dict.
 
 ### Frontend Type Change (`types.ts`)
 

From 3e3e43277b311049083312696d2fc11fdc446df1 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:25:17 -0700
Subject: [PATCH 45/97] docs: add error management implementation plan

12-task plan covering ErrorStore, RetryManager, error banner
component, backend topology change, and integration point wiring.
---
 .../plans/2026-04-15-error-management.md      | 1911 +++++++++++++++++
 1 file changed, 1911 insertions(+)
 create mode 100644 docs/superpowers/plans/2026-04-15-error-management.md

diff --git a/docs/superpowers/plans/2026-04-15-error-management.md b/docs/superpowers/plans/2026-04-15-error-management.md
new file mode 100644
index 0000000..a93fbea
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-15-error-management.md
@@ -0,0 +1,1911 @@
+# Error Management Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
+> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Add user-facing error banners, retry logic, and panel offline detection to the span-card frontend so users see actionable status when the SPAN panel
+is unreachable or service calls fail.
+
+**Architecture:** A centralized ErrorStore singleton manages two lanes of errors (persistent and transient). A `<span-error-banner>` LitElement renders them at
+the top of both the card and panel views. A RetryManager wraps service calls with exponential backoff. The backend adds the panel_status binary sensor entity ID
+to the WebSocket topology response.
+
+**Tech Stack:** TypeScript, Lit 3, Vitest, Home Assistant WebSocket API, Python (HA integration backend)
+
+**Spec:** `docs/superpowers/specs/2026-04-15-error-management-design.md`
+
+---
+
+## File Structure
+
+### New Files
+
+| File                          | Responsibility                                                                   |
+| ----------------------------- | -------------------------------------------------------------------------------- |
+| `src/core/error-store.ts`     | ErrorStore singleton: two-lane error state, subscriptions, panel status watching |
+| `src/core/retry-manager.ts`   | RetryManager: exponential backoff wrapper for callWS/callService                 |
+| `src/core/error-banner.ts`    | `<span-error-banner>` LitElement component                                       |
+| `tests/error-store.test.ts`   | ErrorStore unit tests                                                            |
+| `tests/retry-manager.test.ts` | RetryManager unit tests                                                          |
+
+### Backend Change
+
+| File                                                                              | Change                                                                         |
+| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
+| `custom_components/span_panel/websocket.py` (in `/Users/bflood/projects/HA/span`) | Add helper to resolve panel_status binary sensor, include in topology response |
+| `tests/test_websocket.py` (in `/Users/bflood/projects/HA/span`)                   | Test the new panel_status field                                                |
+
+### Modified Frontend Files
+
+| File                               | Change                                                                       |
+| ---------------------------------- | ---------------------------------------------------------------------------- |
+| `src/types.ts`                     | Add `panel_status?: string` to `PanelEntities`                               |
+| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                                                    |
+| `src/i18n.ts`                      | Add error keys for all 5 locales                                             |
+| `src/card/span-panel-card.ts`      | Add banner, create ErrorStore, wire panel status watching                    |
+| `src/panel/span-panel.ts`          | Add banner, create ErrorStore, wire panel status watching                    |
+| `src/core/side-panel.ts`           | Remove `_showError()`, remove error-msg div, route errors through ErrorStore |
+| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager                          |
+| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                                              |
+| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                                              |
+| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                                              |
+| `src/core/area-resolver.ts`        | Dispatch warning on subscription failure                                     |
+| `src/panel/tab-monitoring.ts`      | Replace silent catches with ErrorStore                                       |
+| `src/card/card-discovery.ts`       | Wire retry into ErrorStore for discovery failures                            |
+
+---
+
+## Task 1: ErrorStore — Tests and Implementation
+
+**Files:**
+
+- Create: `src/core/error-store.ts`
+- Create: `tests/error-store.test.ts`
+
+- [ ] **Step 1: Write ErrorStore tests**
+
+Create `tests/error-store.test.ts`:
+
+```typescript
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { ErrorStore } from "../src/core/error-store.js";
+import type { ErrorEntry } from "../src/core/error-store.js";
+
+describe("ErrorStore", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  describe("add / remove / active", () => {
+    it("starts with no active errors", () => {
+      expect(store.active).toEqual([]);
+    });
+
+    it("adds a persistent error", () => {
+      store.add({
+        key: "panel-offline",
+        level: "error",
+        message: "SPAN Panel unreachable",
+        persistent: true,
+      });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+
+    it("adds a transient error with default TTL", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+      });
+      expect(store.active).toHaveLength(1);
+    });
+
+    it("auto-dismisses transient error after TTL", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+        ttl: 3000,
+      });
+      expect(store.active).toHaveLength(1);
+      vi.advanceTimersByTime(3000);
+      expect(store.active).toEqual([]);
+    });
+
+    it("uses default TTL of 5000ms when ttl omitted", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+      });
+      vi.advanceTimersByTime(4999);
+      expect(store.active).toHaveLength(1);
+      vi.advanceTimersByTime(1);
+      expect(store.active).toEqual([]);
+    });
+
+    it("persistent errors are never auto-dismissed", () => {
+      store.add({
+        key: "panel-offline",
+        level: "error",
+        message: "SPAN Panel unreachable",
+        persistent: true,
+      });
+      vi.advanceTimersByTime(60_000);
+      expect(store.active).toHaveLength(1);
+    });
+
+    it("removes a specific error by key", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.remove("panel-offline");
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("service:relay");
+    });
+
+    it("remove is a no-op for unknown key", () => {
+      store.remove("nonexistent");
+      expect(store.active).toEqual([]);
+    });
+  });
+
+  describe("two-lane model", () => {
+    it("persistent errors appear before transient errors", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      expect(store.active[0]!.key).toBe("panel-offline");
+      expect(store.active[1]!.key).toBe("service:relay");
+    });
+
+    it("new transient error replaces previous transient error", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
+      const transient = store.active.filter(e => !e.persistent);
+      expect(transient).toHaveLength(1);
+      expect(transient[0]!.key).toBe("service:shedding");
+    });
+
+    it("replacing transient does not affect persistent errors", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
+      expect(store.active).toHaveLength(2);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+
+    it("multiple persistent errors can coexist", () => {
+      store.add({ key: "panel-offline:panel1", level: "error", message: "Panel 1", persistent: true });
+      store.add({ key: "panel-offline:panel2", level: "error", message: "Panel 2", persistent: true });
+      expect(store.active.filter(e => e.persistent)).toHaveLength(2);
+    });
+
+    it("re-adding same transient key resets the TTL timer", () => {
+      store.add({ key: "service:relay", level: "error", message: "first", persistent: false, ttl: 5000 });
+      vi.advanceTimersByTime(4000);
+      store.add({ key: "service:relay", level: "error", message: "second", persistent: false, ttl: 5000 });
+      vi.advanceTimersByTime(4000);
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.message).toBe("second");
+      vi.advanceTimersByTime(1000);
+      expect(store.active).toEqual([]);
+    });
+  });
+
+  describe("clear", () => {
+    it("clears all errors when no filter", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear();
+      expect(store.active).toEqual([]);
+    });
+
+    it("clears only persistent errors when filtered", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear({ persistent: true });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("service:relay");
+    });
+
+    it("clears only transient errors when filtered", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear({ persistent: false });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+  });
+
+  describe("subscribe", () => {
+    it("notifies subscribers on add", () => {
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.add({ key: "test", level: "error", message: "msg", persistent: false });
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("notifies subscribers on remove", () => {
+      store.add({ key: "test", level: "error", message: "msg", persistent: true });
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.remove("test");
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("notifies on auto-dismiss", () => {
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.add({ key: "test", level: "error", message: "msg", persistent: false, ttl: 1000 });
+      cb.mockClear();
+      vi.advanceTimersByTime(1000);
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("unsubscribe stops notifications", () => {
+      const cb = vi.fn();
+      const unsub = store.subscribe(cb);
+      unsub();
+      store.add({ key: "test", level: "error", message: "msg", persistent: false });
+      expect(cb).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("hasPersistent", () => {
+    it("returns false when no persistent errors", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      expect(store.hasPersistent("panel-offline")).toBe(false);
+    });
+
+    it("returns true when key exists as persistent", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+  });
+
+  describe("panel status watching", () => {
+    it("adds persistent error when entity state is off", () => {
+      const hass = { states: { "binary_sensor.panel_status": { state: "off" } } } as any;
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass(hass);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("removes persistent error when entity state returns to on", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(false);
+    });
+
+    it("treats unavailable entity state as offline", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unavailable" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("treats unknown entity state as offline", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unknown" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("adds info message on reconnection", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      const info = store.active.find(e => e.level === "info");
+      expect(info).toBeDefined();
+      expect(info!.persistent).toBe(false);
+    });
+
+    it("does not add reconnection info on first online state", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      expect(store.active).toEqual([]);
+    });
+
+    it("handles missing entity gracefully", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: {} } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
+
+Expected: FAIL — module `../src/core/error-store.js` not found.
+
+- [ ] **Step 3: Implement ErrorStore**
+
+Create `src/core/error-store.ts`:
+
+```typescript
+import { t } from "../i18n.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_ERROR_TTL = 5_000;
+
+export interface ErrorEntry {
+  key: string;
+  level: "info" | "warning" | "error";
+  message: string;
+  persistent: boolean;
+  ttl?: number;
+  retryFn?: () => void;
+  timestamp: number;
+}
+
+type AddInput = Omit<ErrorEntry, "timestamp">;
+
+export class ErrorStore {
+  private _persistent = new Map<string, ErrorEntry>();
+  private _transient: ErrorEntry | null = null;
+  private _transientTimer: ReturnType<typeof setTimeout> | null = null;
+  private _subscribers = new Set<() => void>();
+  private _panelStatusEntityId: string | null = null;
+  private _wasOffline = false;
+
+  add(input: AddInput): void {
+    const entry: ErrorEntry = { ...input, timestamp: Date.now() };
+
+    if (entry.persistent) {
+      this._persistent.set(entry.key, entry);
+    } else {
+      // New transient replaces previous transient
+      if (this._transientTimer !== null) {
+        clearTimeout(this._transientTimer);
+        this._transientTimer = null;
+      }
+      this._transient = entry;
+      const ttl = entry.ttl ?? DEFAULT_ERROR_TTL;
+      this._transientTimer = setTimeout(() => {
+        this._transient = null;
+        this._transientTimer = null;
+        this._notify();
+      }, ttl);
+    }
+    this._notify();
+  }
+
+  remove(key: string): void {
+    const hadPersistent = this._persistent.delete(key);
+    const hadTransient = this._transient?.key === key;
+    if (hadTransient) {
+      if (this._transientTimer !== null) {
+        clearTimeout(this._transientTimer);
+        this._transientTimer = null;
+      }
+      this._transient = null;
+    }
+    if (hadPersistent || hadTransient) {
+      this._notify();
+    }
+  }
+
+  clear(filter?: { persistent?: boolean }): void {
+    if (filter === undefined) {
+      this._persistent.clear();
+      this._clearTransient();
+    } else if (filter.persistent === true) {
+      this._persistent.clear();
+    } else if (filter.persistent === false) {
+      this._clearTransient();
+    }
+    this._notify();
+  }
+
+  get active(): ErrorEntry[] {
+    const result: ErrorEntry[] = [...this._persistent.values()];
+    if (this._transient) {
+      result.push(this._transient);
+    }
+    return result;
+  }
+
+  hasPersistent(key: string): boolean {
+    return this._persistent.has(key);
+  }
+
+  subscribe(cb: () => void): () => void {
+    this._subscribers.add(cb);
+    return () => {
+      this._subscribers.delete(cb);
+    };
+  }
+
+  watchPanelStatus(entityId: string): void {
+    this._panelStatusEntityId = entityId;
+  }
+
+  updateHass(hass: HomeAssistant): void {
+    if (!this._panelStatusEntityId) return;
+
+    const entity = hass.states[this._panelStatusEntityId];
+    const isOffline = !entity || entity.state === "off" || entity.state === "unavailable" || entity.state === "unknown";
+
+    if (isOffline && !this.hasPersistent("panel-offline")) {
+      this.add({
+        key: "panel-offline",
+        level: "error",
+        message: t("error.panel_offline"),
+        persistent: true,
+      });
+      this._wasOffline = true;
+    } else if (!isOffline && this.hasPersistent("panel-offline")) {
+      this.remove("panel-offline");
+      if (this._wasOffline) {
+        this.add({
+          key: "panel-reconnected",
+          level: "info",
+          message: t("error.panel_reconnected"),
+          persistent: false,
+        });
+      }
+      this._wasOffline = false;
+    } else if (isOffline) {
+      this._wasOffline = true;
+    }
+  }
+
+  dispose(): void {
+    if (this._transientTimer !== null) {
+      clearTimeout(this._transientTimer);
+      this._transientTimer = null;
+    }
+    this._subscribers.clear();
+    this._persistent.clear();
+    this._transient = null;
+  }
+
+  private _clearTransient(): void {
+    if (this._transientTimer !== null) {
+      clearTimeout(this._transientTimer);
+      this._transientTimer = null;
+    }
+    this._transient = null;
+  }
+
+  private _notify(): void {
+    for (const cb of this._subscribers) {
+      cb();
+    }
+  }
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/error-store.ts tests/error-store.test.ts
+git commit -m "feat: add ErrorStore with two-lane persistent/transient error management"
+```
+
+---
+
+## Task 2: RetryManager — Tests and Implementation
+
+**Files:**
+
+- Create: `src/core/retry-manager.ts`
+- Create: `tests/retry-manager.test.ts`
+
+- [ ] **Step 1: Write RetryManager tests**
+
+Create `tests/retry-manager.test.ts`:
+
+```typescript
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { ErrorStore } from "../src/core/error-store.js";
+import { RetryManager } from "../src/core/retry-manager.js";
+
+function makeHass(overrides: Record<string, unknown> = {}) {
+  return {
+    states: {},
+    callWS: vi.fn(),
+    callService: vi.fn(),
+    ...overrides,
+  } as any;
+}
+
+describe("RetryManager", () => {
+  let store: ErrorStore;
+  let retry: RetryManager;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    retry = new RetryManager(store);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  describe("callWS", () => {
+    it("returns result on first success", async () => {
+      const hass = makeHass({ callWS: vi.fn().mockResolvedValue({ data: 42 }) });
+      const result = await retry.callWS(hass, { type: "test" });
+      expect(result).toEqual({ data: 42 });
+      expect(hass.callWS).toHaveBeenCalledTimes(1);
+    });
+
+    it("retries on failure and succeeds on second attempt", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValueOnce(new Error("timeout")).mockResolvedValue({ ok: true }),
+      });
+      const promise = retry.callWS(hass, { type: "test" });
+      await vi.advanceTimersByTimeAsync(1000);
+      const result = await promise;
+      expect(result).toEqual({ ok: true });
+      expect(hass.callWS).toHaveBeenCalledTimes(2);
+    });
+
+    it("adds error to store after all retries exhausted", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValue(new Error("fail")),
+      });
+      await expect(async () => {
+        const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test", errorMessage: "Test failed" });
+        await vi.advanceTimersByTimeAsync(1000);
+        await vi.advanceTimersByTimeAsync(2000);
+        await vi.advanceTimersByTimeAsync(4000);
+        return promise;
+      }).rejects.toThrow("fail");
+      expect(hass.callWS).toHaveBeenCalledTimes(4); // 1 initial + 3 retries
+      expect(store.active.some(e => e.key === "ws:test")).toBe(true);
+    });
+
+    it("removes error from store on success after prior failure", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValueOnce(new Error("fail")).mockResolvedValue("ok"),
+      });
+      // First call with prior error in store
+      store.add({ key: "ws:test", level: "error", message: "old", persistent: false, ttl: 60_000 });
+      const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test" });
+      await vi.advanceTimersByTimeAsync(1000);
+      await promise;
+      expect(store.active.some(e => e.key === "ws:test")).toBe(false);
+    });
+
+    it("respects custom retry count", async () => {
+      const hass = makeHass({ callWS: vi.fn().mockRejectedValue(new Error("fail")) });
+      const promise = retry.callWS(hass, { type: "test" }, { retries: 1 }).catch(() => {});
+      await vi.advanceTimersByTimeAsync(1000);
+      await promise;
+      expect(hass.callWS).toHaveBeenCalledTimes(2); // 1 initial + 1 retry
+    });
+  });
+
+  describe("callService", () => {
+    it("returns on first success", async () => {
+      const hass = makeHass({ callService: vi.fn().mockResolvedValue(undefined) });
+      await retry.callService(hass, "switch", "turn_on", {}, { entity_id: "switch.test" });
+      expect(hass.callService).toHaveBeenCalledTimes(1);
+    });
+
+    it("adds error to store after exhaustion", async () => {
+      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("offline")) });
+      const promise = retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay", errorMessage: "Relay failed" }).catch(() => {});
+      await vi.advanceTimersByTimeAsync(1000);
+      await vi.advanceTimersByTimeAsync(2000);
+      await vi.advanceTimersByTimeAsync(4000);
+      await promise;
+      expect(store.active.some(e => e.key === "svc:relay")).toBe(true);
+    });
+  });
+
+  describe("panel offline short-circuit", () => {
+    it("skips retries when panel-offline is active", async () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("fail")) });
+      await retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay" }).catch(() => {});
+      // Should not retry — immediate failure
+      expect(hass.callService).toHaveBeenCalledTimes(1);
+    });
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
+
+Expected: FAIL — module `../src/core/retry-manager.js` not found.
+
+- [ ] **Step 3: Implement RetryManager**
+
+Create `src/core/retry-manager.ts`:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_RETRIES = 3;
+const BACKOFF_BASE_MS = 1000;
+
+function sleep(ms: number): Promise<void> {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+export class RetryManager {
+  private _store: ErrorStore;
+
+  constructor(store: ErrorStore) {
+    this._store = store;
+  }
+
+  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `ws:${String(msg.type ?? "unknown")}`;
+
+    return this._withRetry(() => hass.callWS<T>(msg), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  async callService(
+    hass: HomeAssistant,
+    domain: string,
+    service: string,
+    data?: Record<string, unknown>,
+    target?: Record<string, unknown>,
+    opts?: { errorId?: string; errorMessage?: string; retries?: number }
+  ): Promise<void> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `svc:${domain}.${service}`;
+
+    return this._withRetry(() => hass.callService(domain, service, data, target), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
+    // Short-circuit if panel is offline
+    if (this._store.hasPersistent("panel-offline")) {
+      this._store.add({
+        key: errorId,
+        level: "error",
+        message: errorMessage ?? "Panel offline — action unavailable",
+        persistent: false,
+      });
+      return fn(); // Single attempt, no retries
+    }
+
+    let lastError: Error | undefined;
+    for (let attempt = 0; attempt <= maxRetries; attempt++) {
+      try {
+        const result = await fn();
+        // Success after prior failure — clear the error
+        this._store.remove(errorId);
+        return result;
+      } catch (err) {
+        lastError = err instanceof Error ? err : new Error(String(err));
+        if (attempt < maxRetries) {
+          const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
+          await sleep(delay);
+        }
+      }
+    }
+
+    // All retries exhausted — add error to store
+    this._store.add({
+      key: errorId,
+      level: "error",
+      message: errorMessage ?? lastError?.message ?? "Operation failed",
+      persistent: false,
+    });
+    throw lastError!;
+  }
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/retry-manager.ts tests/retry-manager.test.ts
+git commit -m "feat: add RetryManager with exponential backoff and panel-offline short-circuit"
+```
+
+---
+
+## Task 3: i18n Keys and Type Updates
+
+**Files:**
+
+- Modify: `src/i18n.ts`
+- Modify: `src/types.ts` (lines 58-65, `PanelEntities` interface)
+- Modify: `src/constants.ts` (line 56, `ERROR_DISPLAY_MS`)
+
+- [ ] **Step 1: Add error i18n keys to all 5 locales in `src/i18n.ts`**
+
+Add the following keys to the `en` section (after the existing `"card.*"` keys block). Then add translated equivalents to the `es`, `fr`, `ja`, and `pt`
+sections in the same position.
+
+English keys to add:
+
+```typescript
+// Error banners
+"error.panel_offline": "SPAN Panel unreachable",
+"error.panel_offline_named": "SPAN Panel '{name}' unreachable",
+"error.discovery_failed": "Unable to connect to SPAN Panel",
+"error.service_failed": "Action failed",
+"error.relay_failed": "Unable to toggle relay",
+"error.shedding_failed": "Unable to update shedding priority",
+"error.threshold_failed": "Unable to save threshold",
+"error.graph_horizon_failed": "Unable to update graph time horizon",
+"error.favorites_fetch_failed": "Unable to load favorites",
+"error.favorites_toggle_failed": "Unable to update favorite",
+"error.history_failed": "Unable to load historical data",
+"error.monitoring_failed": "Unable to load monitoring status",
+"error.graph_settings_failed": "Unable to load graph settings",
+"error.panel_reconnected": "SPAN Panel reconnected",
+"error.retry": "Retry",
+"card.connecting": "Connecting to SPAN Panel...",
+```
+
+Spanish (`es`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inaccesible",
+"error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
+"error.discovery_failed": "No se puede conectar al SPAN Panel",
+"error.service_failed": "Acción fallida",
+"error.relay_failed": "No se pudo cambiar el relé",
+"error.shedding_failed": "No se pudo actualizar la prioridad de desconexión",
+"error.threshold_failed": "No se pudo guardar el umbral",
+"error.graph_horizon_failed": "No se pudo actualizar el horizonte temporal del gráfico",
+"error.favorites_fetch_failed": "No se pudieron cargar los favoritos",
+"error.favorites_toggle_failed": "No se pudo actualizar el favorito",
+"error.history_failed": "No se pudieron cargar los datos históricos",
+"error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
+"error.graph_settings_failed": "No se pudo cargar la configuración del gráfico",
+"error.panel_reconnected": "SPAN Panel reconectado",
+"error.retry": "Reintentar",
+"card.connecting": "Conectando al SPAN Panel...",
+```
+
+French (`fr`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inaccessible",
+"error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
+"error.discovery_failed": "Impossible de se connecter au SPAN Panel",
+"error.service_failed": "Action échouée",
+"error.relay_failed": "Impossible de basculer le relais",
+"error.shedding_failed": "Impossible de mettre à jour la priorité de délestage",
+"error.threshold_failed": "Impossible d'enregistrer le seuil",
+"error.graph_horizon_failed": "Impossible de mettre à jour l'horizon temporel du graphique",
+"error.favorites_fetch_failed": "Impossible de charger les favoris",
+"error.favorites_toggle_failed": "Impossible de mettre à jour le favori",
+"error.history_failed": "Impossible de charger les données historiques",
+"error.monitoring_failed": "Impossible de charger l'état de surveillance",
+"error.graph_settings_failed": "Impossible de charger les paramètres du graphique",
+"error.panel_reconnected": "SPAN Panel reconnecté",
+"error.retry": "Réessayer",
+"card.connecting": "Connexion au SPAN Panel...",
+```
+
+Japanese (`ja`) translations:
+
+```typescript
+"error.panel_offline": "SPANパネルに接続できません",
+"error.panel_offline_named": "SPANパネル '{name}' に接続できません",
+"error.discovery_failed": "SPANパネルへの接続に失敗しました",
+"error.service_failed": "操作に失敗しました",
+"error.relay_failed": "リレーの切り替えに失敗しました",
+"error.shedding_failed": "シェディング優先度の更新に失敗しました",
+"error.threshold_failed": "しきい値の保存に失敗しました",
+"error.graph_horizon_failed": "グラフの時間範囲の更新に失敗しました",
+"error.favorites_fetch_failed": "お気に入りの読み込みに失敗しました",
+"error.favorites_toggle_failed": "お気に入りの更新に失敗しました",
+"error.history_failed": "履歴データの読み込みに失敗しました",
+"error.monitoring_failed": "監視ステータスの読み込みに失敗しました",
+"error.graph_settings_failed": "グラフ設定の読み込みに失敗しました",
+"error.panel_reconnected": "SPANパネルが再接続されました",
+"error.retry": "再試行",
+"card.connecting": "SPANパネルに接続中...",
+```
+
+Portuguese (`pt`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inacessível",
+"error.panel_offline_named": "SPAN Panel '{name}' inacessível",
+"error.discovery_failed": "Não foi possível conectar ao SPAN Panel",
+"error.service_failed": "Ação falhou",
+"error.relay_failed": "Não foi possível alternar o relé",
+"error.shedding_failed": "Não foi possível atualizar a prioridade de desligamento",
+"error.threshold_failed": "Não foi possível salvar o limite",
+"error.graph_horizon_failed": "Não foi possível atualizar o horizonte temporal do gráfico",
+"error.favorites_fetch_failed": "Não foi possível carregar os favoritos",
+"error.favorites_toggle_failed": "Não foi possível atualizar o favorito",
+"error.history_failed": "Não foi possível carregar os dados históricos",
+"error.monitoring_failed": "Não foi possível carregar o status de monitoramento",
+"error.graph_settings_failed": "Não foi possível carregar as configurações do gráfico",
+"error.panel_reconnected": "SPAN Panel reconectado",
+"error.retry": "Tentar novamente",
+"card.connecting": "Conectando ao SPAN Panel...",
+```
+
+- [ ] **Step 2: Add `panel_status` to `PanelEntities` in `src/types.ts`**
+
+In `src/types.ts`, find the `PanelEntities` interface (lines 58-65) and add:
+
+```typescript
+export interface PanelEntities {
+  site_power?: string;
+  current_power?: string;
+  feedthrough_power?: string;
+  pv_power?: string;
+  battery_level?: string;
+  dsm_state?: string;
+  panel_status?: string; // binary_sensor entity for online/offline
+}
+```
+
+- [ ] **Step 3: Remove `ERROR_DISPLAY_MS` from `src/constants.ts`**
+
+In `src/constants.ts`, remove line 56:
+
+```typescript
+export const ERROR_DISPLAY_MS = 5_000;
+```
+
+Also remove any other import of `ERROR_DISPLAY_MS` in other files. The only current consumer is `side-panel.ts` (line 4 import), which will be updated in
+Task 6.
+
+- [ ] **Step 4: Run the full test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS. The i18n-validate hook (lefthook) will also check key consistency.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/i18n.ts src/types.ts src/constants.ts
+git commit -m "feat: add error i18n keys, panel_status type, remove ERROR_DISPLAY_MS"
+```
+
+---
+
+## Task 4: `<span-error-banner>` Component
+
+**Files:**
+
+- Create: `src/core/error-banner.ts`
+
+- [ ] **Step 1: Implement the banner component**
+
+Create `src/core/error-banner.ts`:
+
+```typescript
+import { LitElement, html, css, nothing } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { t } from "../i18n.js";
+import type { ErrorStore, ErrorEntry } from "./error-store.js";
+
+@customElement("span-error-banner")
+export class SpanErrorBanner extends LitElement {
+  private _store: ErrorStore | null = null;
+  private _unsub: (() => void) | null = null;
+
+  @state() private _errors: ErrorEntry[] = [];
+
+  set store(store: ErrorStore) {
+    if (this._store === store) return;
+    this._unsub?.();
+    this._store = store;
+    this._errors = store.active;
+    this._unsub = store.subscribe(() => {
+      this._errors = this._store!.active;
+    });
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    this._unsub?.();
+    this._unsub = null;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+    :host(:empty) {
+      display: none;
+    }
+    .banner-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      line-height: 1.4;
+      transition: opacity 200ms ease;
+    }
+    .banner-row + .banner-row {
+      border-top: 1px solid rgba(128, 128, 128, 0.2);
+    }
+    .banner-row.level-error {
+      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
+      color: var(--error-color, #db4437);
+    }
+    .banner-row.level-warning {
+      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
+      color: var(--warning-color, #ff9800);
+    }
+    .banner-row.level-info {
+      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
+      color: var(--info-color, #4285f4);
+    }
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      --mdc-icon-size: 18px;
+    }
+    .message {
+      flex: 1;
+      min-width: 0;
+    }
+    .retry-btn {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid currentColor;
+      border-radius: 4px;
+      color: inherit;
+      cursor: pointer;
+      font-size: 12px;
+      padding: 2px 8px;
+    }
+    .retry-btn:hover {
+      opacity: 0.8;
+    }
+  `;
+
+  protected render() {
+    if (this._errors.length === 0) return nothing;
+
+    return html`${this._errors.map(
+      entry => html`
+        <div class="banner-row level-${entry.level}">
+          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
+          <span class="message">${entry.message}</span>
+          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
+        </div>
+      `
+    )}`;
+  }
+
+  private _iconForLevel(level: string): string {
+    switch (level) {
+      case "error":
+        return "mdi:alert-circle";
+      case "warning":
+        return "mdi:alert";
+      default:
+        return "mdi:information";
+    }
+  }
+}
+```
+
+- [ ] **Step 2: Verify the component type-checks**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 3: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/error-banner.ts
+git commit -m "feat: add span-error-banner LitElement component"
+```
+
+---
+
+## Task 5: Backend — Add panel_status to Topology Response
+
+**Files:**
+
+- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`
+- Modify: `/Users/bflood/projects/HA/span/tests/test_websocket.py`
+
+- [ ] **Step 1: Write the backend test**
+
+In `/Users/bflood/projects/HA/span/tests/test_websocket.py`, add a test that verifies the `panel_status` binary sensor entity is included in the topology
+response's `panel_entities` map. Add this test to the existing integration test class that tests `handle_panel_topology`.
+
+The test should:
+
+1. Register a panel device
+2. Register a `binary_sensor` entity with unique_id `span_sp3-242424-001_panel_status` and domain `binary_sensor`
+3. Call `handle_panel_topology`
+4. Assert the result's `panel_entities` contains `"panel_status"` pointing to the registered binary sensor entity_id
+
+```python
+async def test_panel_topology_includes_panel_status_entity(
+    self,
+    hass: HomeAssistant,
+):
+    """Test that panel_status binary sensor is included in panel_entities."""
+    config_entry = MockConfigEntry(domain=DOMAIN, data={}, entry_id="test_entry")
+    config_entry.add_to_hass(hass)
+
+    serial = "sp3-242424-001"
+    snapshot = SpanPanelSnapshotFactory(serial_number=serial, circuits={})
+    coordinator = _make_coordinator(snapshot)
+    config_entry.runtime_data = SpanPanelRuntimeData(coordinator=coordinator)
+    hass.config_entries.async_update_entry(config_entry, state=ConfigEntryState.LOADED)
+
+    panel_device = _register_panel_device(hass, config_entry.entry_id, serial)
+    _register_entity(
+        hass,
+        config_entry.entry_id,
+        panel_device.id,
+        "binary_sensor",
+        f"span_{serial}_panel_status",
+        "binary_sensor.span_panel_test_panel_status",
+        original_name="Panel Status",
+    )
+
+    connection = _make_mock_connection()
+    await _handle_panel_topology_inner(
+        hass, connection, {"id": 1, "device_id": panel_device.id}
+    )
+    connection.send_result.assert_called_once()
+    result = connection.send_result.call_args[0][1]
+    assert result["panel_entities"]["panel_status"] == "binary_sensor.span_panel_test_panel_status"
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
+
+Expected: FAIL — `panel_status` key not in `panel_entities`.
+
+- [ ] **Step 3: Add the helper and wire it into the topology response**
+
+In `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`:
+
+1. Add the import for `build_binary_sensor_unique_id` from `id_builder`:
+
+```python
+from .id_builder import build_binary_sensor_unique_id
+```
+
+(Add alongside the existing `from .helpers import build_panel_unique_id` import.)
+
+1. Add a helper function after `_build_panel_entity_map`:
+
+```python
+def _resolve_panel_status_entity(
+    serial: str,
+    entity_registry: er.EntityRegistry,
+) -> str | None:
+    """Resolve the panel_status binary sensor entity_id."""
+    unique_id = build_binary_sensor_unique_id(serial.lower(), "panel_status")
+    return entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)
+```
+
+1. In `handle_panel_topology`, after the line that calls `_build_panel_entity_map` (line 135), add:
+
+```python
+panel_status_entity = _resolve_panel_status_entity(snapshot.serial_number, entity_registry)
+if panel_status_entity:
+    panel_entities["panel_status"] = panel_status_entity
+```
+
+- [ ] **Step 4: Run the test to verify it passes**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
+
+Expected: PASS.
+
+- [ ] **Step 5: Run the full backend test suite**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
+
+Expected: All tests PASS.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/span
+git add custom_components/span_panel/websocket.py tests/test_websocket.py
+git commit -m "feat: include panel_status binary sensor in topology response"
+```
+
+---
+
+## Task 6: Wire Banner into Card (`span-panel-card.ts`)
+
+**Files:**
+
+- Modify: `src/card/span-panel-card.ts`
+
+- [ ] **Step 1: Add imports**
+
+At the top of `src/card/span-panel-card.ts`, add:
+
+```typescript
+import { ErrorStore } from "../core/error-store.js";
+import "../core/error-banner.js";
+```
+
+- [ ] **Step 2: Add ErrorStore instance as a class property**
+
+In the state properties section (around line 49-66), add:
+
+```typescript
+private _errorStore = new ErrorStore();
+```
+
+- [ ] **Step 3: Add banner to render output**
+
+In the render method, find the State 3 branch that renders the discovered card (the `<ha-card>` return around line 164). Add the banner element as the first
+child inside `<ha-card>`, above the tab bar:
+
+```typescript
+<ha-card ...>
+  <span-error-banner .store=${this._errorStore}></span-error-banner>
+  <!-- existing tab bar and content -->
+```
+
+- [ ] **Step 4: Wire panel status watching after discovery**
+
+In the discovery completion code (after topology is successfully fetched), add:
+
+```typescript
+if (this._topology?.panel_entities?.panel_status) {
+  this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status);
+}
+```
+
+- [ ] **Step 5: Call updateHass on each hass property change**
+
+In the `updated()` lifecycle method (around line 179), after `this._ctrl.hass = this.hass;`, add:
+
+```typescript
+this._errorStore.updateHass(this.hass);
+```
+
+- [ ] **Step 6: Wire ErrorStore into the dashboard controller**
+
+Pass the error store to the controller so it can dispatch errors. Add a property on the controller or pass the store reference where it's constructed.
+
+- [ ] **Step 7: Replace discovery error static div with ErrorStore**
+
+In the `_discoverTopology()` method, replace the `this._discoveryError = ...` line with an ErrorStore persistent error:
+
+```typescript
+} catch (fallbackErr) {
+  console.error("SPAN Panel: fallback discovery also failed", fallbackErr);
+  this._errorStore.add({
+    key: "discovery-failed",
+    level: "error",
+    message: t("error.discovery_failed"),
+    persistent: true,
+    retryFn: () => {
+      this._errorStore.remove("discovery-failed");
+      this._discover();
+    },
+  });
+}
+```
+
+Update the render method to also show the banner in the not-yet-discovered state (remove the `_discoveryError` static div, use the banner instead):
+
+```typescript
+if (!this._discovered) {
+  return html`
+    <ha-card>
+      <span-error-banner .store=${this._errorStore}></span-error-banner>
+      ${this._errorStore.active.length === 0
+        ? html`<div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>`
+        : nothing}
+    </ha-card>
+  `;
+}
+```
+
+Remove the `_discoveryError` state property if no longer needed.
+
+- [ ] **Step 8: Dispose ErrorStore on disconnect**
+
+Add cleanup in `disconnectedCallback`:
+
+```typescript
+disconnectedCallback(): void {
+  super.disconnectedCallback();
+  this._errorStore.dispose();
+}
+```
+
+- [ ] **Step 9: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 10: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/card/span-panel-card.ts
+git commit -m "feat: wire error banner and panel status watching into card"
+```
+
+---
+
+## Task 7: Wire Banner into Panel (`span-panel.ts`)
+
+**Files:**
+
+- Modify: `src/panel/span-panel.ts`
+
+- [ ] **Step 1: Add imports**
+
+```typescript
+import { ErrorStore } from "../core/error-store.js";
+import "../core/error-banner.js";
+```
+
+- [ ] **Step 2: Add ErrorStore instance**
+
+```typescript
+private _errorStore = new ErrorStore();
+```
+
+- [ ] **Step 3: Add banner to render output**
+
+Place `<span-error-banner .store=${this._errorStore}></span-error-banner>` below the header/panel selector and above the tab content in the render method.
+
+- [ ] **Step 4: Wire panel status watching after discovery**
+
+After device discovery completes, for each panel's topology, call:
+
+```typescript
+if (topology?.panel_entities?.panel_status) {
+  this._errorStore.watchPanelStatus(topology.panel_entities.panel_status);
+}
+```
+
+- [ ] **Step 5: Call updateHass on hass property changes**
+
+In the `updated()` method (around line 240), add:
+
+```typescript
+this._errorStore.updateHass(this.hass);
+```
+
+- [ ] **Step 6: Surface favorites fetch errors**
+
+In `_loadFavorites()` (around line 605), replace the silent catch:
+
+```typescript
+} catch (err) {
+  console.warn("SPAN Panel: favorites fetch failed", err);
+  this._errorStore.add({
+    key: "fetch:favorites",
+    level: "warning",
+    message: t("error.favorites_fetch_failed"),
+    persistent: false,
+  });
+  return {};
+}
+```
+
+- [ ] **Step 7: Surface device discovery errors**
+
+In the discovery error catch block, add:
+
+```typescript
+this._errorStore.add({
+  key: "discovery-failed",
+  level: "error",
+  message: t("error.discovery_failed"),
+  persistent: true,
+  retryFn: () => {
+    this._errorStore.remove("discovery-failed");
+    this._discoverPanels();
+  },
+});
+```
+
+- [ ] **Step 8: Dispose on disconnect**
+
+```typescript
+disconnectedCallback(): void {
+  super.disconnectedCallback();
+  this._errorStore.dispose();
+}
+```
+
+- [ ] **Step 9: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 10: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/panel/span-panel.ts
+git commit -m "feat: wire error banner and panel status watching into panel"
+```
+
+---
+
+## Task 8: Replace Side Panel Error Handling
+
+**Files:**
+
+- Modify: `src/core/side-panel.ts`
+
+- [ ] **Step 1: Add ErrorStore property and remove old error machinery**
+
+1. Remove `ERROR_DISPLAY_MS` from the import on line 4.
+2. Add a public `errorStore` property:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+1. Remove the `_showError()` method (lines 1393-1402).
+2. Remove all three `error-msg` div creation blocks (in `_buildPanelMode` ~line 666, `_buildCircuitMode` ~line 415, `_buildSubDeviceMode` ~line 873). Remove the
+   div element creation (5 lines each: createElement, className, id, style.display, appendChild).
+
+- [ ] **Step 2: Replace all `_showError()` call sites with ErrorStore**
+
+Replace each `.catch((err: Error) => this._showError(...))` pattern. For example:
+
+**Relay toggle** (around line 1011):
+
+Before:
+
+```typescript
+.catch((err: Error) => this._showError(`${t("sidepanel.relay_failed")} ${err.message ?? err}`))
+```
+
+After:
+
+```typescript
+.catch((err: Error) => {
+  this.errorStore?.add({
+    key: "service:relay",
+    level: "error",
+    message: `${t("error.relay_failed")}`,
+    persistent: false,
+  });
+})
+```
+
+**Graph horizon changes** (around lines 465, 523, 551, 615, 643, 948, 955, 1122, 1132):
+
+Replace each `_showError(...)` with:
+
+```typescript
+this.errorStore?.add({
+  key: "service:graph_horizon",
+  level: "error",
+  message: t("error.graph_horizon_failed"),
+  persistent: false,
+});
+```
+
+**Shedding** (around line 1057):
+
+```typescript
+this.errorStore?.add({
+  key: "service:shedding",
+  level: "error",
+  message: t("error.shedding_failed"),
+  persistent: false,
+});
+```
+
+**Monitoring** (around lines 1213, 1228, 1270, 1331):
+
+```typescript
+this.errorStore?.add({
+  key: "service:monitoring",
+  level: "error",
+  message: t("error.threshold_failed"),
+  persistent: false,
+});
+```
+
+**Favorites** (around line 830):
+
+```typescript
+this.errorStore?.add({
+  key: "service:favorites",
+  level: "error",
+  message: t("error.favorites_toggle_failed"),
+  persistent: false,
+});
+```
+
+- [ ] **Step 3: Pass errorStore from card and panel components**
+
+In `span-panel-card.ts`, wherever the side panel is constructed or accessed, set its errorStore property:
+
+```typescript
+sidePanel.errorStore = this._errorStore;
+```
+
+Same in `span-panel.ts`.
+
+- [ ] **Step 4: Remove error-msg CSS if it exists in card-styles**
+
+Search for `.error-msg` CSS rules in the styles and remove them since the div no longer exists.
+
+- [ ] **Step 5: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/side-panel.ts src/card/span-panel-card.ts src/panel/span-panel.ts
+git commit -m "refactor: replace side panel _showError with ErrorStore dispatch"
+```
+
+---
+
+## Task 9: Replace Dashboard Controller Silent Catches
+
+**Files:**
+
+- Modify: `src/core/dashboard-controller.ts`
+
+- [ ] **Step 1: Add ErrorStore and RetryManager properties**
+
+Add imports and a property for the store:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { RetryManager } from "./retry-manager.js";
+```
+
+Add properties to the class:
+
+```typescript
+private _errorStore: ErrorStore | null = null;
+private _retryManager: RetryManager | null = null;
+
+set errorStore(store: ErrorStore) {
+  this._errorStore = store;
+  this._retryManager = new RetryManager(store);
+}
+```
+
+- [ ] **Step 2: Replace switch toggle catch (line 367)**
+
+Before:
+
+```typescript
+this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
+  console.error("SPAN Panel: switch service call failed:", err);
+});
+```
+
+After:
+
+```typescript
+if (this._retryManager) {
+  this._retryManager
+    .callService(
+      this._hass,
+      "switch",
+      service,
+      {},
+      { entity_id: switchEntity },
+      {
+        errorId: "service:relay",
+        errorMessage: t("error.relay_failed"),
+      }
+    )
+    .catch(() => {});
+} else {
+  this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(() => {});
+}
+```
+
+Add `import { t } from "../i18n.js";` if not already imported.
+
+- [ ] **Step 3: Replace history refresh catch (line 314)**
+
+Before:
+
+```typescript
+} catch {
+  // Will refresh on next interval
+}
+```
+
+After:
+
+```typescript
+} catch {
+  this._errorStore?.add({
+    key: "fetch:history",
+    level: "warning",
+    message: t("error.history_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 4: Replace graph settings fetch catch (line 148-159)**
+
+Before:
+
+```typescript
+} catch {
+  // Graph settings unavailable -- use defaults
+}
+```
+
+After:
+
+```typescript
+} catch {
+  this._errorStore?.add({
+    key: "fetch:graph_settings",
+    level: "warning",
+    message: t("error.graph_settings_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 5: Wire errorStore from card**
+
+In `span-panel-card.ts`, after creating the controller, set:
+
+```typescript
+this._ctrl.errorStore = this._errorStore;
+```
+
+Same in `span-panel.ts` for its controller instances.
+
+- [ ] **Step 6: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 7: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/dashboard-controller.ts src/card/span-panel-card.ts src/panel/span-panel.ts
+git commit -m "feat: replace dashboard controller silent catches with ErrorStore"
+```
+
+---
+
+## Task 10: Surface Errors in Cache Stores and Area Resolver
+
+**Files:**
+
+- Modify: `src/core/monitoring-status.ts`
+- Modify: `src/core/graph-settings.ts`
+- Modify: `src/core/favorites-store.ts`
+- Modify: `src/core/area-resolver.ts`
+
+Each cache store needs an optional `errorStore` property. When a fetch fails, dispatch a transient error in addition to the existing fallback behavior.
+
+- [ ] **Step 1: Add errorStore to MonitoringStatusCache**
+
+In `src/core/monitoring-status.ts`, add to the `MonitoringStatusCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+```
+
+In the `fetch()` method's catch block (line 43), add:
+
+```typescript
+} catch {
+  this._status = null;
+  this.errorStore?.add({
+    key: "fetch:monitoring",
+    level: "warning",
+    message: t("error.monitoring_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 2: Add errorStore to GraphSettingsCache**
+
+In `src/core/graph-settings.ts`, add to the `GraphSettingsCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+(Note: `t` may not yet be imported in this file — add it.)
+
+In the `fetch()` method's catch block (line 49), add:
+
+```typescript
+} catch {
+  this._settings = null;
+  this.errorStore?.add({
+    key: "fetch:graph_settings",
+    level: "warning",
+    message: t("error.graph_settings_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 3: Add errorStore to FavoritesCache**
+
+In `src/core/favorites-store.ts`, add to the `FavoritesCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+In the `fetch()` method's catch block (line 98), add:
+
+```typescript
+} catch {
+  this.errorStore?.add({
+    key: "fetch:favorites",
+    level: "warning",
+    message: t("error.favorites_fetch_failed"),
+    persistent: false,
+  });
+  return this._map ?? {};
+}
+```
+
+- [ ] **Step 4: Update area-resolver.ts**
+
+In `src/core/area-resolver.ts`, add an optional errorStore parameter to `subscribeAreaUpdates`:
+
+```typescript
+export async function subscribeAreaUpdates(
+  hass: HomeAssistant,
+  topology: PanelTopology,
+  callback: () => void,
+  errorStore?: ErrorStore | null,
+): Promise<() => void> {
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+In the handler's catch block (line 114), add alongside the console.warn:
+
+```typescript
+} catch (err) {
+  console.warn("[span-panel] area registry update failed:", err);
+  errorStore?.add({
+    key: "fetch:areas",
+    level: "warning",
+    message: "Unable to update area assignments",
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 5: Wire errorStore into cache instances from controllers**
+
+In `dashboard-controller.ts`, when `errorStore` is set, propagate to caches:
+
+```typescript
+set errorStore(store: ErrorStore) {
+  this._errorStore = store;
+  this._retryManager = new RetryManager(store);
+  this.monitoringCache.errorStore = store;
+  this.graphSettingsCache.errorStore = store;
+}
+```
+
+In `span-panel-card.ts` and `span-panel.ts`, pass errorStore to any `FavoritesCache` instances and `subscribeAreaUpdates` calls.
+
+- [ ] **Step 6: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 7: Run full test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS.
+
+- [ ] **Step 8: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/monitoring-status.ts src/core/graph-settings.ts \
+  src/core/favorites-store.ts src/core/area-resolver.ts \
+  src/core/dashboard-controller.ts src/card/span-panel-card.ts \
+  src/panel/span-panel.ts
+git commit -m "feat: surface cache fetch and area resolver errors via ErrorStore"
+```
+
+---
+
+## Task 11: Replace Tab Monitoring Silent Catches
+
+**Files:**
+
+- Modify: `src/panel/tab-monitoring.ts`
+
+- [ ] **Step 1: Add ErrorStore property**
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "../core/error-store.js";
+import { t } from "../i18n.js";
+```
+
+- [ ] **Step 2: Replace silent catches (lines 669, 679)**
+
+Replace each `.catch(() => {})` with:
+
+```typescript
+.catch(() => {
+  this.errorStore?.add({
+    key: "service:monitoring",
+    level: "error",
+    message: t("error.threshold_failed"),
+    persistent: false,
+  });
+})
+```
+
+- [ ] **Step 3: Wire errorStore from parent**
+
+In `span-panel.ts`, wherever `tab-monitoring` is constructed/accessed, pass:
+
+```typescript
+tabMonitoring.errorStore = this._errorStore;
+```
+
+- [ ] **Step 4: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/panel/tab-monitoring.ts src/panel/span-panel.ts
+git commit -m "feat: replace tab-monitoring silent catches with ErrorStore"
+```
+
+---
+
+## Task 12: Final Verification and Build
+
+**Files:** None new — verification only.
+
+- [ ] **Step 1: Run full frontend test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS.
+
+- [ ] **Step 2: Run type-check**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 3: Run ESLint**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx eslint src/ --ext .ts`
+
+Expected: No errors.
+
+- [ ] **Step 4: Run full backend test suite**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Build and sync frontend**
+
+Run: `/sync-frontend` skill or:
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card && ./scripts/build-frontend.sh
+```
+
+Expected: Build succeeds. Dist files updated.
+
+- [ ] **Step 6: Verify in browser**
+
+Start HA dev server and verify:
+
+1. With panel online: no banner visible
+2. Simulate panel offline (stop SPAN panel or mock entity state): red banner appears "SPAN Panel unreachable"
+3. Attempt relay toggle while offline: transient error appears below persistent banner
+4. Restore panel online: persistent banner disappears, brief "SPAN Panel reconnected" info appears
+5. Trigger a service call error: transient error appears with auto-dismiss
+
+- [ ] **Step 7: Commit build artifacts if needed**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add -A
+git commit -m "build: sync frontend dist with error management changes"
+```

From be661a1e2f27a9c78e8910f46265e818f2d9c390 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:30:10 -0700
Subject: [PATCH 46/97] feat: add ErrorStore with two-lane persistent/transient
 error management

---
 src/core/error-store.ts   | 202 ++++++++++++++++++++
 src/i18n.ts               |  10 +
 tests/error-store.test.ts | 387 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 599 insertions(+)
 create mode 100644 src/core/error-store.ts
 create mode 100644 tests/error-store.test.ts

diff --git a/src/core/error-store.ts b/src/core/error-store.ts
new file mode 100644
index 0000000..d3e1a7b
--- /dev/null
+++ b/src/core/error-store.ts
@@ -0,0 +1,202 @@
+import { t } from "../i18n.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_ERROR_TTL = 5_000;
+
+/** A single error or info entry managed by the store. */
+export interface ErrorEntry {
+  key: string;
+  level: "info" | "warning" | "error";
+  message: string;
+  persistent: boolean;
+  ttl?: number;
+  retryFn?: () => void;
+  timestamp: number;
+}
+
+/** Input shape for `add()` — everything except the auto-set timestamp. */
+type AddInput = Omit<ErrorEntry, "timestamp">;
+
+/** Optional filter for `clear()`. When omitted, everything is cleared. */
+interface ClearFilter {
+  persistent: boolean;
+}
+
+/**
+ * Two-lane error store.
+ *
+ * - Persistent lane: `Map<key, ErrorEntry>` — never auto-dismissed.
+ * - Transient lane: a single `ErrorEntry | null` — auto-dismissed after TTL.
+ *
+ * `active` always returns persistent entries first, transient (if any) last.
+ */
+export class ErrorStore {
+  private readonly _persistent = new Map<string, ErrorEntry>();
+  private _transient: ErrorEntry | null = null;
+  private _transientTimer: ReturnType<typeof setTimeout> | null = null;
+  private readonly _subscribers = new Set<() => void>();
+  private _panelStatusEntityId: string | null = null;
+  /** True once the panel has been observed offline at least once. */
+  private _wasOffline = false;
+
+  // -------------------------------------------------------------------------
+  // Public API
+  // -------------------------------------------------------------------------
+
+  /**
+   * Add an error entry. Persistent entries go to the map. Transient entries
+   * replace the existing transient slot and reset the auto-dismiss timer.
+   */
+  add(input: AddInput): void {
+    const entry: ErrorEntry = { ...input, timestamp: Date.now() };
+    if (entry.persistent) {
+      this._persistent.set(entry.key, entry);
+    } else {
+      this._clearTransient();
+      this._transient = entry;
+      const ttl = entry.ttl ?? DEFAULT_ERROR_TTL;
+      this._transientTimer = setTimeout(() => {
+        this._transient = null;
+        this._transientTimer = null;
+        this._notify();
+      }, ttl);
+    }
+    this._notify();
+  }
+
+  /**
+   * Remove an entry by key. If the key matches the transient entry, the
+   * transient slot is cleared. No-op (no notification) for unknown keys.
+   */
+  remove(key: string): void {
+    if (this._persistent.has(key)) {
+      this._persistent.delete(key);
+      this._notify();
+      return;
+    }
+    if (this._transient?.key === key) {
+      this._clearTransient();
+      this._notify();
+    }
+  }
+
+  /**
+   * Clear errors.
+   *
+   * - No argument: clear everything.
+   * - `{ persistent: true }`: clear only persistent errors.
+   * - `{ persistent: false }`: clear only the transient error.
+   */
+  clear(filter?: ClearFilter): void {
+    if (filter === undefined) {
+      this._persistent.clear();
+      this._clearTransient();
+    } else if (filter.persistent) {
+      this._persistent.clear();
+    } else {
+      this._clearTransient();
+    }
+    this._notify();
+  }
+
+  /** All active errors — persistent first, transient last (if present). */
+  get active(): ErrorEntry[] {
+    const entries: ErrorEntry[] = [...this._persistent.values()];
+    if (this._transient !== null) {
+      entries.push(this._transient);
+    }
+    return entries;
+  }
+
+  /** True when the given key is in the persistent error map. */
+  hasPersistent(key: string): boolean {
+    return this._persistent.has(key);
+  }
+
+  /**
+   * Subscribe to state changes. The callback is called after every `add`,
+   * `remove`, `clear`, or transient auto-dismiss. Returns an unsubscribe fn.
+   */
+  subscribe(cb: () => void): () => void {
+    this._subscribers.add(cb);
+    return () => {
+      this._subscribers.delete(cb);
+    };
+  }
+
+  /**
+   * Register the entity ID whose `state` represents panel connectivity.
+   * Call `updateHass()` on each hass update to drive error/recovery logic.
+   */
+  watchPanelStatus(entityId: string): void {
+    this._panelStatusEntityId = entityId;
+  }
+
+  /**
+   * Examine the panel status entity in the current hass snapshot and
+   * add/remove the `panel-offline` persistent error accordingly.
+   *
+   * Reconnection info is posted as a transient once — only after the panel
+   * was previously observed to be offline.
+   */
+  updateHass(hass: HomeAssistant): void {
+    if (this._panelStatusEntityId === null) return;
+
+    const entityState = hass.states[this._panelStatusEntityId]?.state;
+    const isOnline = entityState === "on";
+
+    if (!isOnline) {
+      this._wasOffline = true;
+      if (!this.hasPersistent("panel-offline")) {
+        this.add({
+          key: "panel-offline",
+          level: "error",
+          message: t("error.panel_offline"),
+          persistent: true,
+        });
+      }
+    } else {
+      const wasOffline = this._wasOffline;
+      this._wasOffline = false;
+      this.remove("panel-offline");
+      if (wasOffline) {
+        this.add({
+          key: "panel-reconnected",
+          level: "info",
+          message: t("error.panel_reconnected"),
+          persistent: false,
+        });
+      }
+    }
+  }
+
+  /**
+   * Release all resources: cancel any pending timer and drop all state.
+   * Call in `disconnectedCallback` or test `afterEach`.
+   */
+  dispose(): void {
+    this._clearTransient();
+    this._persistent.clear();
+    this._subscribers.clear();
+    this._panelStatusEntityId = null;
+    this._wasOffline = false;
+  }
+
+  // -------------------------------------------------------------------------
+  // Private helpers
+  // -------------------------------------------------------------------------
+
+  private _clearTransient(): void {
+    if (this._transientTimer !== null) {
+      clearTimeout(this._transientTimer);
+      this._transientTimer = null;
+    }
+    this._transient = null;
+  }
+
+  private _notify(): void {
+    for (const cb of this._subscribers) {
+      cb();
+    }
+  }
+}
diff --git a/src/i18n.ts b/src/i18n.ts
index fe38dc3..47a45c7 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -72,6 +72,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Error:",
     "error.failed_save": "Failed to save",
     "error.failed": "Failed",
+    "error.panel_offline": "Panel is offline or unreachable.",
+    "error.panel_reconnected": "Panel reconnected.",
 
     // Settings tab
     "settings.heading": "Settings",
@@ -258,6 +260,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Error:",
     "error.failed_save": "Error al guardar",
     "error.failed": "Fall\u00f3",
+    "error.panel_offline": "El panel est\u00e1 desconectado o no es accesible.",
+    "error.panel_reconnected": "Panel reconectado.",
     "settings.heading": "Configuraci\u00f3n",
     "settings.description":
       "La configuraci\u00f3n general de la integraci\u00f3n (nombres de entidades, prefijo de dispositivo, n\u00fameros de circuito) se administra a trav\u00e9s del flujo de opciones de la integraci\u00f3n.",
@@ -423,6 +427,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Erreur :",
     "error.failed_save": "\u00c9chec de la sauvegarde",
     "error.failed": "\u00c9chou\u00e9",
+    "error.panel_offline": "Le panneau est hors ligne ou inaccessible.",
+    "error.panel_reconnected": "Panneau reconnect\u00e9.",
     "settings.heading": "Param\u00e8tres",
     "settings.description":
       "Les param\u00e8tres g\u00e9n\u00e9raux de l'int\u00e9gration (noms d'entit\u00e9s, pr\u00e9fixe de l'appareil, num\u00e9ros de circuit) sont g\u00e9r\u00e9s via le flux d'options de l'int\u00e9gration.",
@@ -590,6 +596,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "\u30a8\u30e9\u30fc:",
     "error.failed_save": "\u4fdd\u5b58\u306b\u5931\u6557",
     "error.failed": "\u5931\u6557",
+    "error.panel_offline": "\u30d1\u30cd\u30eb\u306f\u30aa\u30d5\u30e9\u30a4\u30f3\u307e\u305f\u306f\u5230\u9054\u4e0d\u80fd\u3067\u3059\u3002",
+    "error.panel_reconnected": "\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f\u3002",
     "settings.heading": "\u8a2d\u5b9a",
     "settings.description":
       "\u7d71\u5408\u306e\u4e00\u822c\u8a2d\u5b9a\uff08\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u540d\u3001\u30c7\u30d0\u30a4\u30b9\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3001\u56de\u8def\u756a\u53f7\uff09\u306f\u7d71\u5408\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d5\u30ed\u30fc\u3067\u7ba1\u7406\u3055\u308c\u307e\u3059\u3002",
@@ -759,6 +767,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Erro:",
     "error.failed_save": "Falha ao salvar",
     "error.failed": "Falhou",
+    "error.panel_offline": "O painel est\u00e1 offline ou inacess\u00edvel.",
+    "error.panel_reconnected": "Painel reconectado.",
     "settings.heading": "Configura\u00e7\u00f5es",
     "settings.description":
       "As configura\u00e7\u00f5es gerais da integra\u00e7\u00e3o (nomes de entidades, prefixo do dispositivo, n\u00fameros de circuito) s\u00e3o gerenciadas atrav\u00e9s do fluxo de op\u00e7\u00f5es da integra\u00e7\u00e3o.",
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
new file mode 100644
index 0000000..8f59b5f
--- /dev/null
+++ b/tests/error-store.test.ts
@@ -0,0 +1,387 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import type { HomeAssistant } from "../src/types.js";
+import { ErrorStore } from "../src/core/error-store.js";
+import type { ErrorEntry } from "../src/core/error-store.js";
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function makeHass(entityId: string, state: string): HomeAssistant {
+  return {
+    states: {
+      [entityId]: {
+        entity_id: entityId,
+        state,
+        attributes: {},
+        last_changed: "",
+        last_updated: "",
+      },
+    },
+    services: {},
+    language: "en",
+    callService: vi.fn(),
+    callWS: vi.fn(),
+  } as unknown as HomeAssistant;
+}
+
+function makeEmptyHass(): HomeAssistant {
+  return {
+    states: {},
+    services: {},
+    language: "en",
+    callService: vi.fn(),
+    callWS: vi.fn(),
+  } as unknown as HomeAssistant;
+}
+
+// ---------------------------------------------------------------------------
+// add / remove / active
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — add/remove/active", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("starts empty", () => {
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("adds a persistent error", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    expect(store.active).toHaveLength(1);
+    expect(store.active[0]?.key).toBe("p1");
+    expect(store.active[0]?.persistent).toBe(true);
+  });
+
+  it("adds a transient error with default TTL and auto-dismisses after 5000ms", () => {
+    store.add({ key: "t1", level: "warning", message: "Transient", persistent: false });
+    expect(store.active).toHaveLength(1);
+
+    vi.advanceTimersByTime(4999);
+    expect(store.active).toHaveLength(1);
+
+    vi.advanceTimersByTime(1);
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("persistent errors are never auto-dismissed", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    vi.advanceTimersByTime(60_000);
+    expect(store.active).toHaveLength(1);
+  });
+
+  it("removes a persistent error by key", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    store.remove("p1");
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("removes the transient error by key", () => {
+    store.add({ key: "t1", level: "info", message: "Transient", persistent: false });
+    store.remove("t1");
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("remove is a no-op for unknown key", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    store.remove("unknown-key");
+    expect(store.active).toHaveLength(1);
+  });
+
+  it("transient entry with custom TTL auto-dismisses after custom duration", () => {
+    store.add({ key: "t1", level: "info", message: "Short", persistent: false, ttl: 1000 });
+    vi.advanceTimersByTime(999);
+    expect(store.active).toHaveLength(1);
+    vi.advanceTimersByTime(1);
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("active includes timestamp", () => {
+    const before = Date.now();
+    store.add({ key: "p1", level: "error", message: "M", persistent: true });
+    const entry = store.active[0] as ErrorEntry;
+    expect(entry.timestamp).toBeGreaterThanOrEqual(before);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Two-lane model
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — two-lane model", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("persistent appears before transient", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    store.add({ key: "t1", level: "info", message: "Transient", persistent: false });
+    const active = store.active;
+    expect(active).toHaveLength(2);
+    expect(active[0]?.key).toBe("p1");
+    expect(active[1]?.key).toBe("t1");
+  });
+
+  it("new transient replaces previous transient", () => {
+    store.add({ key: "t1", level: "info", message: "First", persistent: false });
+    store.add({ key: "t2", level: "warning", message: "Second", persistent: false });
+    const active = store.active;
+    expect(active).toHaveLength(1);
+    expect(active[0]?.key).toBe("t2");
+  });
+
+  it("replacing transient does not affect persistent", () => {
+    store.add({ key: "p1", level: "error", message: "Persistent", persistent: true });
+    store.add({ key: "t1", level: "info", message: "First transient", persistent: false });
+    store.add({ key: "t2", level: "info", message: "Second transient", persistent: false });
+    expect(store.active).toHaveLength(2);
+    expect(store.active[0]?.key).toBe("p1");
+    expect(store.active[1]?.key).toBe("t2");
+  });
+
+  it("multiple persistent can coexist", () => {
+    store.add({ key: "p1", level: "error", message: "P1", persistent: true });
+    store.add({ key: "p2", level: "warning", message: "P2", persistent: true });
+    store.add({ key: "p3", level: "error", message: "P3", persistent: true });
+    expect(store.active).toHaveLength(3);
+    const keys = store.active.map(e => e.key);
+    expect(keys).toContain("p1");
+    expect(keys).toContain("p2");
+    expect(keys).toContain("p3");
+  });
+
+  it("re-adding the same transient key resets TTL timer", () => {
+    store.add({ key: "t1", level: "info", message: "Transient", persistent: false, ttl: 5000 });
+
+    // Advance 4000ms — still alive
+    vi.advanceTimersByTime(4000);
+    expect(store.active).toHaveLength(1);
+
+    // Re-add with same key — should reset timer
+    store.add({ key: "t1", level: "info", message: "Transient", persistent: false, ttl: 5000 });
+
+    // Another 4000ms — still alive because the timer was reset
+    vi.advanceTimersByTime(4000);
+    expect(store.active).toHaveLength(1);
+
+    // The remaining 1000ms passes — now it dismisses
+    vi.advanceTimersByTime(1001);
+    expect(store.active).toHaveLength(0);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// clear
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — clear", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("clear with no filter clears everything", () => {
+    store.add({ key: "p1", level: "error", message: "P1", persistent: true });
+    store.add({ key: "p2", level: "warning", message: "P2", persistent: true });
+    store.add({ key: "t1", level: "info", message: "T1", persistent: false });
+    store.clear();
+    expect(store.active).toHaveLength(0);
+  });
+
+  it("clear({ persistent: true }) clears only persistent", () => {
+    store.add({ key: "p1", level: "error", message: "P1", persistent: true });
+    store.add({ key: "t1", level: "info", message: "T1", persistent: false });
+    store.clear({ persistent: true });
+    expect(store.active).toHaveLength(1);
+    expect(store.active[0]?.key).toBe("t1");
+  });
+
+  it("clear({ persistent: false }) clears only transient", () => {
+    store.add({ key: "p1", level: "error", message: "P1", persistent: true });
+    store.add({ key: "t1", level: "info", message: "T1", persistent: false });
+    store.clear({ persistent: false });
+    expect(store.active).toHaveLength(1);
+    expect(store.active[0]?.key).toBe("p1");
+  });
+});
+
+// ---------------------------------------------------------------------------
+// subscribe
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — subscribe", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("notifies on add", () => {
+    const cb = vi.fn();
+    store.subscribe(cb);
+    store.add({ key: "p1", level: "error", message: "M", persistent: true });
+    expect(cb).toHaveBeenCalledTimes(1);
+  });
+
+  it("notifies on remove", () => {
+    const cb = vi.fn();
+    store.add({ key: "p1", level: "error", message: "M", persistent: true });
+    store.subscribe(cb);
+    store.remove("p1");
+    expect(cb).toHaveBeenCalledTimes(1);
+  });
+
+  it("notifies on auto-dismiss of transient", () => {
+    const cb = vi.fn();
+    store.add({ key: "t1", level: "info", message: "T", persistent: false, ttl: 1000 });
+    store.subscribe(cb);
+    vi.advanceTimersByTime(1000);
+    expect(cb).toHaveBeenCalledTimes(1);
+  });
+
+  it("unsubscribe stops notifications", () => {
+    const cb = vi.fn();
+    const unsub = store.subscribe(cb);
+    unsub();
+    store.add({ key: "p1", level: "error", message: "M", persistent: true });
+    expect(cb).not.toHaveBeenCalled();
+  });
+
+  it("remove on unknown key does not notify", () => {
+    const cb = vi.fn();
+    store.subscribe(cb);
+    store.remove("does-not-exist");
+    expect(cb).not.toHaveBeenCalled();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// hasPersistent
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — hasPersistent", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+  });
+
+  it("returns false when persistent error is not present", () => {
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
+
+  it("returns true when persistent error is present", () => {
+    store.add({ key: "panel-offline", level: "error", message: "Offline", persistent: true });
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
+
+  it("returns false after the error is removed", () => {
+    store.add({ key: "panel-offline", level: "error", message: "Offline", persistent: true });
+    store.remove("panel-offline");
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// watchPanelStatus / updateHass
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — panel status watching", () => {
+  const ENTITY_ID = "binary_sensor.span_panel_door";
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    store.watchPanelStatus(ENTITY_ID);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("adds persistent panel-offline error when entity state is 'off'", () => {
+    store.updateHass(makeHass(ENTITY_ID, "off"));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
+
+  it("removes panel-offline error when entity state becomes 'on'", () => {
+    store.updateHass(makeHass(ENTITY_ID, "off"));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+    store.updateHass(makeHass(ENTITY_ID, "on"));
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
+
+  it("treats 'unavailable' as offline", () => {
+    store.updateHass(makeHass(ENTITY_ID, "unavailable"));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
+
+  it("treats 'unknown' as offline", () => {
+    store.updateHass(makeHass(ENTITY_ID, "unknown"));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
+
+  it("adds transient reconnection info message on reconnect (but not on first online)", () => {
+    // First updateHass with "on" — should NOT add reconnection info
+    store.updateHass(makeHass(ENTITY_ID, "on"));
+    const afterFirstOnline = store.active.filter(e => e.key === "panel-reconnected");
+    expect(afterFirstOnline).toHaveLength(0);
+
+    // Now go offline and then online — reconnection info should appear
+    store.updateHass(makeHass(ENTITY_ID, "off"));
+    store.updateHass(makeHass(ENTITY_ID, "on"));
+    const afterReconnect = store.active.filter(e => e.key === "panel-reconnected");
+    expect(afterReconnect).toHaveLength(1);
+    expect(afterReconnect[0]?.level).toBe("info");
+    expect(afterReconnect[0]?.persistent).toBe(false);
+  });
+
+  it("handles missing entity gracefully (no error entity_id → treated as offline)", () => {
+    store.updateHass(makeEmptyHass());
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
+
+  it("does not add reconnection info when online has always been online", () => {
+    store.updateHass(makeHass(ENTITY_ID, "on"));
+    store.updateHass(makeHass(ENTITY_ID, "on"));
+    const reconnected = store.active.filter(e => e.key === "panel-reconnected");
+    expect(reconnected).toHaveLength(0);
+  });
+});

From f66843d5dea1eb0b92b150bfe377f649161f9830 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:33:37 -0700
Subject: [PATCH 47/97] fix: export AddInput type from error-store

---
 src/core/error-store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index d3e1a7b..5c32cf9 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -15,7 +15,7 @@ export interface ErrorEntry {
 }
 
 /** Input shape for `add()` — everything except the auto-set timestamp. */
-type AddInput = Omit<ErrorEntry, "timestamp">;
+export type AddInput = Omit<ErrorEntry, "timestamp">;
 
 /** Optional filter for `clear()`. When omitted, everything is cleared. */
 interface ClearFilter {

From 642cdea8e56514ef176fc23a66fa712df028116f Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:37:07 -0700
Subject: [PATCH 48/97] fix: align error-store i18n strings with spec

---
 src/i18n.ts | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/i18n.ts b/src/i18n.ts
index 47a45c7..77fbefa 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -72,8 +72,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Error:",
     "error.failed_save": "Failed to save",
     "error.failed": "Failed",
-    "error.panel_offline": "Panel is offline or unreachable.",
-    "error.panel_reconnected": "Panel reconnected.",
+    "error.panel_offline": "SPAN Panel unreachable",
+    "error.panel_reconnected": "SPAN Panel reconnected",
 
     // Settings tab
     "settings.heading": "Settings",
@@ -260,8 +260,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Error:",
     "error.failed_save": "Error al guardar",
     "error.failed": "Fall\u00f3",
-    "error.panel_offline": "El panel est\u00e1 desconectado o no es accesible.",
-    "error.panel_reconnected": "Panel reconectado.",
+    "error.panel_offline": "SPAN Panel inaccesible",
+    "error.panel_reconnected": "SPAN Panel reconectado",
     "settings.heading": "Configuraci\u00f3n",
     "settings.description":
       "La configuraci\u00f3n general de la integraci\u00f3n (nombres de entidades, prefijo de dispositivo, n\u00fameros de circuito) se administra a trav\u00e9s del flujo de opciones de la integraci\u00f3n.",
@@ -427,8 +427,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Erreur :",
     "error.failed_save": "\u00c9chec de la sauvegarde",
     "error.failed": "\u00c9chou\u00e9",
-    "error.panel_offline": "Le panneau est hors ligne ou inaccessible.",
-    "error.panel_reconnected": "Panneau reconnect\u00e9.",
+    "error.panel_offline": "SPAN Panel inaccessible",
+    "error.panel_reconnected": "SPAN Panel reconnect\u00e9",
     "settings.heading": "Param\u00e8tres",
     "settings.description":
       "Les param\u00e8tres g\u00e9n\u00e9raux de l'int\u00e9gration (noms d'entit\u00e9s, pr\u00e9fixe de l'appareil, num\u00e9ros de circuit) sont g\u00e9r\u00e9s via le flux d'options de l'int\u00e9gration.",
@@ -596,8 +596,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "\u30a8\u30e9\u30fc:",
     "error.failed_save": "\u4fdd\u5b58\u306b\u5931\u6557",
     "error.failed": "\u5931\u6557",
-    "error.panel_offline": "\u30d1\u30cd\u30eb\u306f\u30aa\u30d5\u30e9\u30a4\u30f3\u307e\u305f\u306f\u5230\u9054\u4e0d\u80fd\u3067\u3059\u3002",
-    "error.panel_reconnected": "\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f\u3002",
+    "error.panel_offline": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
+    "error.panel_reconnected": "SPAN\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f",
     "settings.heading": "\u8a2d\u5b9a",
     "settings.description":
       "\u7d71\u5408\u306e\u4e00\u822c\u8a2d\u5b9a\uff08\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u540d\u3001\u30c7\u30d0\u30a4\u30b9\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3001\u56de\u8def\u756a\u53f7\uff09\u306f\u7d71\u5408\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d5\u30ed\u30fc\u3067\u7ba1\u7406\u3055\u308c\u307e\u3059\u3002",
@@ -767,8 +767,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.prefix": "Erro:",
     "error.failed_save": "Falha ao salvar",
     "error.failed": "Falhou",
-    "error.panel_offline": "O painel est\u00e1 offline ou inacess\u00edvel.",
-    "error.panel_reconnected": "Painel reconectado.",
+    "error.panel_offline": "SPAN Panel inacess\u00edvel",
+    "error.panel_reconnected": "SPAN Panel reconectado",
     "settings.heading": "Configura\u00e7\u00f5es",
     "settings.description":
       "As configura\u00e7\u00f5es gerais da integra\u00e7\u00e3o (nomes de entidades, prefixo do dispositivo, n\u00fameros de circuito) s\u00e3o gerenciadas atrav\u00e9s do fluxo de op\u00e7\u00f5es da integra\u00e7\u00e3o.",

From c59025d0fc7a93a06b474498fd9a72354523bfcb Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:39:42 -0700
Subject: [PATCH 49/97] feat: add RetryManager with exponential backoff and
 panel-offline short-circuit

---
 src/core/retry-manager.ts   |  76 +++++++++++++
 tests/retry-manager.test.ts | 216 ++++++++++++++++++++++++++++++++++++
 2 files changed, 292 insertions(+)
 create mode 100644 src/core/retry-manager.ts
 create mode 100644 tests/retry-manager.test.ts

diff --git a/src/core/retry-manager.ts b/src/core/retry-manager.ts
new file mode 100644
index 0000000..55e078e
--- /dev/null
+++ b/src/core/retry-manager.ts
@@ -0,0 +1,76 @@
+import type { ErrorStore } from "./error-store.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_RETRIES = 3;
+const BACKOFF_BASE_MS = 1000;
+
+function sleep(ms: number): Promise<void> {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+export class RetryManager {
+  private _store: ErrorStore;
+
+  constructor(store: ErrorStore) {
+    this._store = store;
+  }
+
+  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `ws:${String(msg.type ?? "unknown")}`;
+
+    return this._withRetry(() => hass.callWS<T>(msg), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  async callService(
+    hass: HomeAssistant,
+    domain: string,
+    service: string,
+    data?: Record<string, unknown>,
+    target?: Record<string, unknown>,
+    opts?: { errorId?: string; errorMessage?: string; retries?: number }
+  ): Promise<void> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `svc:${domain}.${service}`;
+
+    return this._withRetry(() => hass.callService(domain, service, data, target), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
+    // Short-circuit if panel is offline
+    if (this._store.hasPersistent("panel-offline")) {
+      this._store.add({
+        key: errorId,
+        level: "error",
+        message: errorMessage ?? "Panel offline — action unavailable",
+        persistent: false,
+      });
+      return fn(); // Single attempt, no retries
+    }
+
+    let lastError: Error | undefined;
+    for (let attempt = 0; attempt <= maxRetries; attempt++) {
+      try {
+        const result = await fn();
+        // Success after prior failure — clear the error
+        this._store.remove(errorId);
+        return result;
+      } catch (err) {
+        lastError = err instanceof Error ? err : new Error(String(err));
+        if (attempt < maxRetries) {
+          const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
+          await sleep(delay);
+        }
+      }
+    }
+
+    // All retries exhausted — add error to store
+    this._store.add({
+      key: errorId,
+      level: "error",
+      message: errorMessage ?? lastError?.message ?? "Operation failed",
+      persistent: false,
+    });
+    throw lastError!;
+  }
+}
diff --git a/tests/retry-manager.test.ts b/tests/retry-manager.test.ts
new file mode 100644
index 0000000..da6962e
--- /dev/null
+++ b/tests/retry-manager.test.ts
@@ -0,0 +1,216 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import type { HomeAssistant } from "../src/types.js";
+import { ErrorStore } from "../src/core/error-store.js";
+import { RetryManager } from "../src/core/retry-manager.js";
+
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function makeHass(): HomeAssistant {
+  return {
+    states: {},
+    services: {},
+    language: "en",
+    callService: vi.fn(),
+    callWS: vi.fn(),
+  } as unknown as HomeAssistant;
+}
+
+// ---------------------------------------------------------------------------
+// callWS
+// ---------------------------------------------------------------------------
+
+describe("RetryManager — callWS", () => {
+  let store: ErrorStore;
+  let manager: RetryManager;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    manager = new RetryManager(store);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("returns result on first success (1 call)", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callWS).mockResolvedValueOnce({ ok: true });
+
+    const result = await manager.callWS(hass, { type: "span/get_panel" });
+
+    expect(result).toEqual({ ok: true });
+    expect(hass.callWS).toHaveBeenCalledTimes(1);
+  });
+
+  it("retries on failure and succeeds on second attempt", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callWS).mockRejectedValueOnce(new Error("transient error")).mockResolvedValueOnce({ ok: true });
+
+    const promise = manager.callWS(hass, { type: "span/get_panel" });
+    await vi.advanceTimersByTimeAsync(1000); // backoff for attempt 0
+    const result = await promise;
+
+    expect(result).toEqual({ ok: true });
+    expect(hass.callWS).toHaveBeenCalledTimes(2);
+  });
+
+  it("adds error to store after all retries exhausted", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callWS).mockRejectedValue(new Error("persistent error"));
+
+    const promise = manager.callWS(
+      hass,
+      {
+        type: "span/get_panel",
+      },
+      {
+        errorId: "test-ws-error",
+        retries: 3,
+      }
+    );
+    // Attach rejection handler immediately so it is never unhandled
+    const caught = promise.catch(() => null);
+
+    // Advance through all backoffs: 1000ms, 2000ms, 4000ms
+    await vi.advanceTimersByTimeAsync(1000);
+    await vi.advanceTimersByTimeAsync(2000);
+    await vi.advanceTimersByTimeAsync(4000);
+
+    await expect(promise).rejects.toThrow("persistent error");
+    await caught;
+
+    // 1 initial + 3 retries = 4 total calls
+    expect(hass.callWS).toHaveBeenCalledTimes(4);
+    expect(store.active.some(e => e.key === "test-ws-error")).toBe(true);
+  });
+
+  it("removes error from store on success after prior failure", async () => {
+    const hass = makeHass();
+    const errorId = "ws:span/get_panel";
+
+    // Prime the store with a prior error for this errorId
+    store.add({ key: errorId, level: "error", message: "Prior failure", persistent: false });
+    expect(store.active.some(e => e.key === errorId)).toBe(true);
+
+    vi.mocked(hass.callWS).mockResolvedValueOnce({ ok: true });
+
+    await manager.callWS(hass, { type: "span/get_panel" });
+
+    // Success should clear the prior error
+    expect(store.active.some(e => e.key === errorId)).toBe(false);
+  });
+
+  it("respects custom retry count (retries: 1 → 2 total calls)", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callWS).mockRejectedValue(new Error("fail"));
+
+    const promise = manager.callWS(hass, { type: "span/get_panel" }, { retries: 1 });
+    // Attach rejection handler immediately so it is never unhandled
+    const caught = promise.catch(() => null);
+
+    await vi.advanceTimersByTimeAsync(1000); // single backoff for attempt 0
+    await expect(promise).rejects.toThrow("fail");
+    await caught;
+
+    expect(hass.callWS).toHaveBeenCalledTimes(2); // 1 initial + 1 retry
+  });
+});
+
+// ---------------------------------------------------------------------------
+// callService
+// ---------------------------------------------------------------------------
+
+describe("RetryManager — callService", () => {
+  let store: ErrorStore;
+  let manager: RetryManager;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    manager = new RetryManager(store);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("returns on first success", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callService).mockResolvedValueOnce(undefined);
+
+    await manager.callService(hass, "switch", "turn_on", { entity_id: "switch.circuit_1" });
+
+    expect(hass.callService).toHaveBeenCalledTimes(1);
+  });
+
+  it("adds error to store after all retries exhausted", async () => {
+    const hass = makeHass();
+    vi.mocked(hass.callService).mockRejectedValue(new Error("service error"));
+
+    const promise = manager.callService(hass, "switch", "turn_on", { entity_id: "switch.circuit_1" }, undefined, { errorId: "test-svc-error", retries: 3 });
+    // Attach rejection handler immediately so it is never unhandled
+    const caught = promise.catch(() => null);
+
+    // Advance through all backoffs: 1000ms, 2000ms, 4000ms
+    await vi.advanceTimersByTimeAsync(1000);
+    await vi.advanceTimersByTimeAsync(2000);
+    await vi.advanceTimersByTimeAsync(4000);
+
+    await expect(promise).rejects.toThrow("service error");
+    await caught;
+
+    expect(store.active.some(e => e.key === "test-svc-error")).toBe(true);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// panel offline short-circuit
+// ---------------------------------------------------------------------------
+
+describe("RetryManager — panel offline short-circuit", () => {
+  let store: ErrorStore;
+  let manager: RetryManager;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    manager = new RetryManager(store);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("skips retries when panel-offline is persistent — single attempt only", async () => {
+    const hass = makeHass();
+    // Mark panel as offline in the store
+    store.add({ key: "panel-offline", level: "error", message: "Panel offline", persistent: true });
+
+    vi.mocked(hass.callWS).mockRejectedValueOnce(new Error("offline"));
+
+    await expect(manager.callWS(hass, { type: "span/get_panel" }, { errorId: "test-offline-ws" })).rejects.toThrow("offline");
+
+    // Only 1 attempt — no retries
+    expect(hass.callWS).toHaveBeenCalledTimes(1);
+  });
+
+  it("dispatches a transient error with 'Panel offline' message when short-circuiting", async () => {
+    const hass = makeHass();
+    store.add({ key: "panel-offline", level: "error", message: "Panel offline", persistent: true });
+
+    vi.mocked(hass.callWS).mockRejectedValueOnce(new Error("offline"));
+
+    await expect(manager.callWS(hass, { type: "span/get_panel" }, { errorId: "test-offline-ws" })).rejects.toThrow();
+
+    const transient = store.active.find(e => e.key === "test-offline-ws");
+    expect(transient).toBeDefined();
+    expect(transient?.persistent).toBe(false);
+    expect(transient?.message).toMatch(/Panel offline/i);
+  });
+});

From 2c8c01cf14929f033c2832aa8c88d9cb43530b77 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:45:10 -0700
Subject: [PATCH 50/97] fix: clear stale error on successful panel-offline
 short-circuit

---
 src/core/retry-manager.ts   | 24 ++++++++++++++++--------
 tests/retry-manager.test.ts | 14 +++++++++++++-
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/core/retry-manager.ts b/src/core/retry-manager.ts
index 55e078e..cc212d3 100644
--- a/src/core/retry-manager.ts
+++ b/src/core/retry-manager.ts
@@ -1,5 +1,6 @@
 import type { ErrorStore } from "./error-store.js";
 import type { HomeAssistant } from "../types.js";
+import { t } from "../i18n.js";
 
 const DEFAULT_RETRIES = 3;
 const BACKOFF_BASE_MS = 1000;
@@ -37,15 +38,22 @@ export class RetryManager {
   }
 
   private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
-    // Short-circuit if panel is offline
+    // Short-circuit if panel is offline — single attempt, no retries
     if (this._store.hasPersistent("panel-offline")) {
-      this._store.add({
-        key: errorId,
-        level: "error",
-        message: errorMessage ?? "Panel offline — action unavailable",
-        persistent: false,
-      });
-      return fn(); // Single attempt, no retries
+      try {
+        const result = await fn();
+        this._store.remove(errorId);
+        return result;
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(String(err));
+        this._store.add({
+          key: errorId,
+          level: "error",
+          message: errorMessage ?? t("error.panel_offline"),
+          persistent: false,
+        });
+        throw error;
+      }
     }
 
     let lastError: Error | undefined;
diff --git a/tests/retry-manager.test.ts b/tests/retry-manager.test.ts
index da6962e..d0a742c 100644
--- a/tests/retry-manager.test.ts
+++ b/tests/retry-manager.test.ts
@@ -211,6 +211,18 @@ describe("RetryManager — panel offline short-circuit", () => {
     const transient = store.active.find(e => e.key === "test-offline-ws");
     expect(transient).toBeDefined();
     expect(transient?.persistent).toBe(false);
-    expect(transient?.message).toMatch(/Panel offline/i);
+    expect(transient?.message).toMatch(/SPAN Panel unreachable/i);
+  });
+
+  it("does not leave stale error in store when short-circuit call succeeds", async () => {
+    store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+    const hass = makeHass();
+    vi.mocked(hass.callService).mockResolvedValue(undefined);
+
+    await manager.callService(hass, "switch", "turn_on", {}, undefined, { errorId: "svc:relay" });
+
+    expect(hass.callService).toHaveBeenCalledTimes(1);
+    // No transient error should be added since fn() succeeded
+    expect(store.active.filter(e => !e.persistent)).toHaveLength(0);
   });
 });

From bd1f24969361363c0ddc091d5ceec10f5a49d4c5 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:47:35 -0700
Subject: [PATCH 51/97] feat: add error i18n keys and panel_status entity type

Add 14 new error/card i18n keys across all 5 locales (en, es, fr, ja, pt)
for connection, action, and data-loading failure messages. Add optional
panel_status field to PanelEntities interface for binary_sensor entity.
---
 src/i18n.ts  | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/types.ts |  1 +
 2 files changed, 71 insertions(+)

diff --git a/src/i18n.ts b/src/i18n.ts
index 77fbefa..73cbec1 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -74,6 +74,20 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Failed",
     "error.panel_offline": "SPAN Panel unreachable",
     "error.panel_reconnected": "SPAN Panel reconnected",
+    "error.panel_offline_named": "SPAN Panel '{name}' unreachable",
+    "error.discovery_failed": "Unable to connect to SPAN Panel",
+    "error.service_failed": "Action failed",
+    "error.relay_failed": "Unable to toggle relay",
+    "error.shedding_failed": "Unable to update shedding priority",
+    "error.threshold_failed": "Unable to save threshold",
+    "error.graph_horizon_failed": "Unable to update graph time horizon",
+    "error.favorites_fetch_failed": "Unable to load favorites",
+    "error.favorites_toggle_failed": "Unable to update favorite",
+    "error.history_failed": "Unable to load historical data",
+    "error.monitoring_failed": "Unable to load monitoring status",
+    "error.graph_settings_failed": "Unable to load graph settings",
+    "error.retry": "Retry",
+    "card.connecting": "Connecting to SPAN Panel...",
 
     // Settings tab
     "settings.heading": "Settings",
@@ -262,6 +276,20 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Fall\u00f3",
     "error.panel_offline": "SPAN Panel inaccesible",
     "error.panel_reconnected": "SPAN Panel reconectado",
+    "error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
+    "error.discovery_failed": "No se puede conectar al SPAN Panel",
+    "error.service_failed": "Acci\u00f3n fallida",
+    "error.relay_failed": "No se pudo cambiar el rel\u00e9",
+    "error.shedding_failed": "No se pudo actualizar la prioridad de desconexi\u00f3n",
+    "error.threshold_failed": "No se pudo guardar el umbral",
+    "error.graph_horizon_failed": "No se pudo actualizar el horizonte temporal del gr\u00e1fico",
+    "error.favorites_fetch_failed": "No se pudieron cargar los favoritos",
+    "error.favorites_toggle_failed": "No se pudo actualizar el favorito",
+    "error.history_failed": "No se pudieron cargar los datos hist\u00f3ricos",
+    "error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
+    "error.graph_settings_failed": "No se pudo cargar la configuraci\u00f3n del gr\u00e1fico",
+    "error.retry": "Reintentar",
+    "card.connecting": "Conectando al SPAN Panel...",
     "settings.heading": "Configuraci\u00f3n",
     "settings.description":
       "La configuraci\u00f3n general de la integraci\u00f3n (nombres de entidades, prefijo de dispositivo, n\u00fameros de circuito) se administra a trav\u00e9s del flujo de opciones de la integraci\u00f3n.",
@@ -429,6 +457,20 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u00c9chou\u00e9",
     "error.panel_offline": "SPAN Panel inaccessible",
     "error.panel_reconnected": "SPAN Panel reconnect\u00e9",
+    "error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
+    "error.discovery_failed": "Impossible de se connecter au SPAN Panel",
+    "error.service_failed": "Action \u00e9chou\u00e9e",
+    "error.relay_failed": "Impossible de basculer le relais",
+    "error.shedding_failed": "Impossible de mettre \u00e0 jour la priorit\u00e9 de d\u00e9lestage",
+    "error.threshold_failed": "Impossible d'enregistrer le seuil",
+    "error.graph_horizon_failed": "Impossible de mettre \u00e0 jour l'horizon temporel du graphique",
+    "error.favorites_fetch_failed": "Impossible de charger les favoris",
+    "error.favorites_toggle_failed": "Impossible de mettre \u00e0 jour le favori",
+    "error.history_failed": "Impossible de charger les donn\u00e9es historiques",
+    "error.monitoring_failed": "Impossible de charger l'\u00e9tat de surveillance",
+    "error.graph_settings_failed": "Impossible de charger les param\u00e8tres du graphique",
+    "error.retry": "R\u00e9essayer",
+    "card.connecting": "Connexion au SPAN Panel...",
     "settings.heading": "Param\u00e8tres",
     "settings.description":
       "Les param\u00e8tres g\u00e9n\u00e9raux de l'int\u00e9gration (noms d'entit\u00e9s, pr\u00e9fixe de l'appareil, num\u00e9ros de circuit) sont g\u00e9r\u00e9s via le flux d'options de l'int\u00e9gration.",
@@ -598,6 +640,20 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u5931\u6557",
     "error.panel_offline": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
     "error.panel_reconnected": "SPAN\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f",
+    "error.panel_offline_named": "SPAN\u30d1\u30cd\u30eb '{name}' \u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
+    "error.discovery_failed": "SPAN\u30d1\u30cd\u30eb\u3078\u306e\u63a5\u7d9a\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.service_failed": "\u64cd\u4f5c\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.relay_failed": "\u30ea\u30ec\u30fc\u306e\u5207\u308a\u66ff\u3048\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.shedding_failed": "\u30b7\u30a7\u30c7\u30a3\u30f3\u30b0\u512a\u5148\u5ea6\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.threshold_failed": "\u3057\u304d\u3044\u5024\u306e\u4fdd\u5b58\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.graph_horizon_failed": "\u30b0\u30e9\u30d5\u306e\u6642\u9593\u7bc4\u56f2\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.favorites_fetch_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.favorites_toggle_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.history_failed": "\u5c65\u6b74\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.monitoring_failed": "\u76e3\u8996\u30b9\u30c6\u30fc\u30bf\u30b9\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.graph_settings_failed": "\u30b0\u30e9\u30d5\u8a2d\u5b9a\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.retry": "\u518d\u8a66\u884c",
+    "card.connecting": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u4e2d...",
     "settings.heading": "\u8a2d\u5b9a",
     "settings.description":
       "\u7d71\u5408\u306e\u4e00\u822c\u8a2d\u5b9a\uff08\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u540d\u3001\u30c7\u30d0\u30a4\u30b9\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3001\u56de\u8def\u756a\u53f7\uff09\u306f\u7d71\u5408\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30d5\u30ed\u30fc\u3067\u7ba1\u7406\u3055\u308c\u307e\u3059\u3002",
@@ -769,6 +825,20 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Falhou",
     "error.panel_offline": "SPAN Panel inacess\u00edvel",
     "error.panel_reconnected": "SPAN Panel reconectado",
+    "error.panel_offline_named": "SPAN Panel '{name}' inacess\u00edvel",
+    "error.discovery_failed": "N\u00e3o foi poss\u00edvel conectar ao SPAN Panel",
+    "error.service_failed": "A\u00e7\u00e3o falhou",
+    "error.relay_failed": "N\u00e3o foi poss\u00edvel alternar o rel\u00e9",
+    "error.shedding_failed": "N\u00e3o foi poss\u00edvel atualizar a prioridade de desligamento",
+    "error.threshold_failed": "N\u00e3o foi poss\u00edvel salvar o limite",
+    "error.graph_horizon_failed": "N\u00e3o foi poss\u00edvel atualizar o horizonte temporal do gr\u00e1fico",
+    "error.favorites_fetch_failed": "N\u00e3o foi poss\u00edvel carregar os favoritos",
+    "error.favorites_toggle_failed": "N\u00e3o foi poss\u00edvel atualizar o favorito",
+    "error.history_failed": "N\u00e3o foi poss\u00edvel carregar os dados hist\u00f3ricos",
+    "error.monitoring_failed": "N\u00e3o foi poss\u00edvel carregar o status de monitoramento",
+    "error.graph_settings_failed": "N\u00e3o foi poss\u00edvel carregar as configura\u00e7\u00f5es do gr\u00e1fico",
+    "error.retry": "Tentar novamente",
+    "card.connecting": "Conectando ao SPAN Panel...",
     "settings.heading": "Configura\u00e7\u00f5es",
     "settings.description":
       "As configura\u00e7\u00f5es gerais da integra\u00e7\u00e3o (nomes de entidades, prefixo do dispositivo, n\u00fameros de circuito) s\u00e3o gerenciadas atrav\u00e9s do fluxo de op\u00e7\u00f5es da integra\u00e7\u00e3o.",
diff --git a/src/types.ts b/src/types.ts
index 5f22b48..5f3276d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -62,6 +62,7 @@ export interface PanelEntities {
   pv_power?: string;
   battery_level?: string;
   dsm_state?: string;
+  panel_status?: string; // binary_sensor entity for online/offline state
 }
 
 export interface PanelTopology {

From 898d020a4989a033a806d54d4fae20d3f7f080b1 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:54:17 -0700
Subject: [PATCH 52/97] feat: add span-error-banner LitElement component

---
 src/core/error-banner.ts | 106 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 src/core/error-banner.ts

diff --git a/src/core/error-banner.ts b/src/core/error-banner.ts
new file mode 100644
index 0000000..cd23729
--- /dev/null
+++ b/src/core/error-banner.ts
@@ -0,0 +1,106 @@
+import { LitElement, html, css, nothing } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { t } from "../i18n.js";
+import type { ErrorStore, ErrorEntry } from "./error-store.js";
+
+@customElement("span-error-banner")
+export class SpanErrorBanner extends LitElement {
+  private _store: ErrorStore | null = null;
+  private _unsub: (() => void) | null = null;
+
+  @state() private _errors: ErrorEntry[] = [];
+
+  set store(store: ErrorStore) {
+    if (this._store === store) return;
+    this._unsub?.();
+    this._store = store;
+    this._errors = store.active;
+    this._unsub = store.subscribe(() => {
+      this._errors = this._store!.active;
+    });
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    this._unsub?.();
+    this._unsub = null;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+    .banner-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      line-height: 1.4;
+      transition: opacity 200ms ease;
+    }
+    .banner-row + .banner-row {
+      border-top: 1px solid rgba(128, 128, 128, 0.2);
+    }
+    .banner-row.level-error {
+      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
+      color: var(--error-color, #db4437);
+    }
+    .banner-row.level-warning {
+      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
+      color: var(--warning-color, #ff9800);
+    }
+    .banner-row.level-info {
+      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
+      color: var(--info-color, #4285f4);
+    }
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      --mdc-icon-size: 18px;
+    }
+    .message {
+      flex: 1;
+      min-width: 0;
+    }
+    .retry-btn {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid currentColor;
+      border-radius: 4px;
+      color: inherit;
+      cursor: pointer;
+      font-size: 12px;
+      padding: 2px 8px;
+    }
+    .retry-btn:hover {
+      opacity: 0.8;
+    }
+  `;
+
+  protected render() {
+    if (this._errors.length === 0) return nothing;
+
+    return html`${this._errors.map(
+      entry => html`
+        <div class="banner-row level-${entry.level}">
+          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
+          <span class="message">${entry.message}</span>
+          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
+        </div>
+      `
+    )}`;
+  }
+
+  private _iconForLevel(level: string): string {
+    switch (level) {
+      case "error":
+        return "mdi:alert-circle";
+      case "warning":
+        return "mdi:alert";
+      default:
+        return "mdi:information";
+    }
+  }
+}

From 75b63d28e7b97d6b366ae335772c8c4c90efbd65 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 20:58:45 -0700
Subject: [PATCH 53/97] fix: harden error-banner lifecycle and apply codebase
 conventions

- Capture store locally in subscribe closure to avoid non-null assertion after disconnect
- Add connectedCallback to re-subscribe when element is reattached without a new store assignment
- Keep _store set in disconnectedCallback so reconnect can re-subscribe
- Apply override modifier to static styles, render, connectedCallback, disconnectedCallback
- Tighten _iconForLevel parameter type to ErrorEntry["level"]
- Use attribute binding (icon=) on ha-icon per codebase convention
- Add type="button" to retry button to guard against form ancestors
- Add role="alert"/"status" on banner rows for a11y
- Remove dead opacity transition CSS rule
---
 src/core/error-banner.ts | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/core/error-banner.ts b/src/core/error-banner.ts
index cd23729..92374c4 100644
--- a/src/core/error-banner.ts
+++ b/src/core/error-banner.ts
@@ -13,20 +13,34 @@ export class SpanErrorBanner extends LitElement {
   set store(store: ErrorStore) {
     if (this._store === store) return;
     this._unsub?.();
+    this._unsub = null;
     this._store = store;
     this._errors = store.active;
+    const current = store;
     this._unsub = store.subscribe(() => {
-      this._errors = this._store!.active;
+      this._errors = current.active;
     });
   }
 
-  disconnectedCallback(): void {
+  override connectedCallback(): void {
+    super.connectedCallback();
+    if (this._store && !this._unsub) {
+      const store = this._store;
+      this._errors = store.active;
+      this._unsub = store.subscribe(() => {
+        this._errors = store.active;
+      });
+    }
+  }
+
+  override disconnectedCallback(): void {
     super.disconnectedCallback();
     this._unsub?.();
     this._unsub = null;
+    // Keep _store — we may reattach
   }
 
-  static styles = css`
+  static override styles = css`
     :host {
       display: block;
     }
@@ -37,7 +51,6 @@ export class SpanErrorBanner extends LitElement {
       padding: 8px 12px;
       font-size: 13px;
       line-height: 1.4;
-      transition: opacity 200ms ease;
     }
     .banner-row + .banner-row {
       border-top: 1px solid rgba(128, 128, 128, 0.2);
@@ -79,21 +92,21 @@ export class SpanErrorBanner extends LitElement {
     }
   `;
 
-  protected render() {
+  protected override render(): unknown {
     if (this._errors.length === 0) return nothing;
 
     return html`${this._errors.map(
       entry => html`
-        <div class="banner-row level-${entry.level}">
-          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
+        <div class="banner-row level-${entry.level}" role=${entry.level === "info" ? "status" : "alert"}>
+          <ha-icon class="icon" icon=${this._iconForLevel(entry.level)}></ha-icon>
           <span class="message">${entry.message}</span>
-          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
+          ${entry.retryFn ? html`<button class="retry-btn" type="button" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
         </div>
       `
     )}`;
   }
 
-  private _iconForLevel(level: string): string {
+  private _iconForLevel(level: ErrorEntry["level"]): string {
     switch (level) {
       case "error":
         return "mdi:alert-circle";

From 65d35ce2e7ed6981d5de82bb545891f024fc07c7 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:09:35 -0700
Subject: [PATCH 54/97] feat: wire error banner and panel status watching into
 card

Integrate ErrorStore and <span-error-banner> into span-panel-card.ts:
replace _discoveryError @state with ErrorStore, render banner in both
pre-discovery and discovered states, watch panel_status entity for
online/offline tracking, and dispose store on disconnectedCallback.
---
 src/card/span-panel-card.ts | 40 +++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index c1cbb60..38fd045 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -12,9 +12,11 @@ import { DashboardController } from "../core/dashboard-controller.js";
 import { ListViewController } from "../core/list-view-controller.js";
 import { buildTabBarHTML, bindTabBarEvents } from "../core/tab-bar-renderer.js";
 import { subscribeAreaUpdates } from "../core/area-resolver.js";
+import { ErrorStore } from "../core/error-store.js";
 import { discoverTopology, discoverEntitiesFallback } from "./card-discovery.js";
 import { CARD_STYLES } from "./card-styles.js";
 import "../core/side-panel.js";
+import "../core/error-banner.js";
 import type { HomeAssistant, PanelTopology, PanelDevice, CardConfig } from "../types.js";
 
 interface SpanSidePanelElement extends HTMLElement {
@@ -52,7 +54,6 @@ export class SpanPanelCard extends LitElement {
   @state() private _config: CardConfig = {};
   @state() private _discovered = false;
   @state() private _discovering = false;
-  @state() private _discoveryError: string | null = null;
   @state() private _topology: PanelTopology | null = null;
   @state() private _activeTab: "panel" | "activity" | "area" = "panel";
 
@@ -61,6 +62,7 @@ export class SpanPanelCard extends LitElement {
   private _historyLoaded = false;
   private readonly _ctrl = new DashboardController();
   private readonly _listCtrl = new ListViewController(this._ctrl);
+  private readonly _errorStore = new ErrorStore();
   private _areaUnsub: (() => void) | null = null;
   private _tabBarCleanup: (() => void) | null = null;
   private _onVisibilityChange: (() => void) | null = null;
@@ -98,15 +100,16 @@ export class SpanPanelCard extends LitElement {
       document.removeEventListener("visibilitychange", this._onVisibilityChange);
       this._onVisibilityChange = null;
     }
+    this._errorStore.dispose();
     super.disconnectedCallback();
   }
 
   setConfig(config: CardConfig): void {
+    this._errorStore.clear();
     this._config = config;
     this._discovered = false;
     this._discovering = false;
     this._historyLoaded = false;
-    this._discoveryError = null;
     this._topology = null;
     this._panelDevice = null;
     this._panelSize = 0;
@@ -144,18 +147,12 @@ export class SpanPanelCard extends LitElement {
       return this._renderPreview();
     }
 
-    // State 2: Not yet discovered or error
+    // State 2: Not yet discovered
     if (!this._discovered) {
-      if (this._discoveryError) {
-        return html`
-          <ha-card>
-            <div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(this._discoveryError)}</div>
-          </ha-card>
-        `;
-      }
       return html`
         <ha-card>
-          <div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.loading"))}</div>
+          <span-error-banner .store=${this._errorStore}></span-error-banner>
+          <div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>
         </ha-card>
       `;
     }
@@ -169,6 +166,7 @@ export class SpanPanelCard extends LitElement {
         @list-columns-changed=${this._onListColumnsChanged}
         @side-panel-closed=${this._onSidePanelClosed}
       >
+        <span-error-banner .store=${this._errorStore}></span-error-banner>
         <div id="card-tabs"></div>
         <div id="card-content"></div>
       </ha-card>
@@ -181,6 +179,7 @@ export class SpanPanelCard extends LitElement {
 
     setLanguage(this.hass.language);
     this._ctrl.hass = this.hass;
+    this._errorStore.updateHass(this.hass);
 
     if (!this._config.device_id) return;
 
@@ -209,7 +208,7 @@ export class SpanPanelCard extends LitElement {
 
     await this._discoverTopology();
 
-    if (this._discoveryError) {
+    if (this._errorStore.hasPersistent("discovery-failed")) {
       this._discovering = false;
       return;
     }
@@ -218,6 +217,12 @@ export class SpanPanelCard extends LitElement {
     this._discovering = false;
     this._ctrl.init(this._topology, this._config, this.hass, this._configEntryId);
 
+    // Start watching panel_status binary sensor for online/offline state
+    if (this._topology?.panel_entities?.panel_status) {
+      this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status);
+      this._errorStore.updateHass(this.hass);
+    }
+
     // Subscribe to area changes
     if (this._topology) {
       subscribeAreaUpdates(this.hass, this._topology, () => {
@@ -258,7 +263,16 @@ export class SpanPanelCard extends LitElement {
         this._panelSize = result.panelSize;
       } catch (fallbackErr) {
         console.error("SPAN Panel: fallback discovery also failed", fallbackErr);
-        this._discoveryError = (fallbackErr as Error).message;
+        this._errorStore.add({
+          key: "discovery-failed",
+          level: "error",
+          message: t("error.discovery_failed"),
+          persistent: true,
+          retryFn: () => {
+            this._errorStore.remove("discovery-failed");
+            this._startDiscovery();
+          },
+        });
       }
     }
   }

From ce2650a4208c4757323786a5157db3fb3c30ea1f Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:15:27 -0700
Subject: [PATCH 55/97] fix: harden error-store clear and card discovery
 re-entry

- clear() with no filter now resets _panelStatusEntityId and _wasOffline,
  preventing stale panel-status tracking after setConfig() device switch
- Add re-entry guard to _startDiscovery() to prevent concurrent discovery
  runs when retry callback fires alongside updated() guard
- Suppress "Connecting..." text when discovery-failed banner is active
  to avoid contradictory UX (red error banner + connecting message)
- Tighten clear() filter branches to use strict equality checks
- Add two tests covering full-clear vs filtered-clear panel status reset
---
 src/card/span-panel-card.ts |  6 ++++--
 src/core/error-store.ts     |  6 ++++--
 tests/error-store.test.ts   | 24 ++++++++++++++++++++++++
 3 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 38fd045..b25539c 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -1,4 +1,4 @@
-import { LitElement, html, unsafeCSS } from "lit";
+import { LitElement, html, unsafeCSS, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { DEFAULT_CHART_METRIC } from "../constants.js";
 import { setLanguage, t } from "../i18n.js";
@@ -149,10 +149,11 @@ export class SpanPanelCard extends LitElement {
 
     // State 2: Not yet discovered
     if (!this._discovered) {
+      const hasError = this._errorStore.hasPersistent("discovery-failed");
       return html`
         <ha-card>
           <span-error-banner .store=${this._errorStore}></span-error-banner>
-          <div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>
+          ${hasError ? nothing : html`<div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>`}
         </ha-card>
       `;
     }
@@ -204,6 +205,7 @@ export class SpanPanelCard extends LitElement {
   // ── Discovery ──────────────────────────────────────────────────────────
 
   private async _startDiscovery(): Promise<void> {
+    if (this._discovering) return;
     this._discovering = true;
 
     await this._discoverTopology();
diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index 5c32cf9..e43cc05 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -91,9 +91,11 @@ export class ErrorStore {
     if (filter === undefined) {
       this._persistent.clear();
       this._clearTransient();
-    } else if (filter.persistent) {
+      this._panelStatusEntityId = null;
+      this._wasOffline = false;
+    } else if (filter.persistent === true) {
       this._persistent.clear();
-    } else {
+    } else if (filter.persistent === false) {
       this._clearTransient();
     }
     this._notify();
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index 8f59b5f..98092d5 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -228,6 +228,30 @@ describe("ErrorStore — clear", () => {
     expect(store.active).toHaveLength(1);
     expect(store.active[0]?.key).toBe("p1");
   });
+
+  it("resets panel status watching state on full clear", () => {
+    store.watchPanelStatus("binary_sensor.panel_status");
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    store.clear();
+
+    // After clear, updateHass should not re-add the panel-offline error
+    // because the watched entity ID was reset.
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
+
+  it("does not reset panel status watching on filtered clear", () => {
+    store.watchPanelStatus("binary_sensor.panel_status");
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+
+    store.clear({ persistent: true });
+
+    // Watched entity is still set; re-firing updateHass re-adds panel-offline
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
 });
 
 // ---------------------------------------------------------------------------

From e37b35e8af44ef54389e24334a771e6ca700a1c2 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:23:18 -0700
Subject: [PATCH 56/97] feat: wire error banner and panel status watching into
 panel

Integrates ErrorStore and <span-error-banner> into span-panel.ts.
Replaces _discoveryError @state with persistent ErrorStore errors,
adds panel status watching that switches the watched entity when the
selected panel changes, and surfaces favorites fetch failures as
transient warnings. Store is disposed on disconnect.
---
 src/panel/span-panel.ts | 52 +++++++++++++++++++++++++++++++++++++----
 1 file changed, 48 insertions(+), 4 deletions(-)

diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 53faabb..9812a46 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -3,7 +3,9 @@ import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { INTEGRATION_DOMAIN } from "../constants.js";
 import { setLanguage, t } from "../i18n.js";
+import { ErrorStore } from "../core/error-store.js";
 import "../core/side-panel.js";
+import "../core/error-banner.js";
 import { DashboardTab } from "./tab-dashboard.js";
 import { MonitoringTab } from "./tab-monitoring.js";
 import { ListViewController, type FavoritesViewStateDetail } from "../core/list-view-controller.js";
@@ -46,7 +48,6 @@ export class SpanPanelElement extends LitElement {
   @state() private _selectedPanelId: string | null = null;
   @state() private _activeTab: TabName = "dashboard";
   @state() private _discovered = false;
-  @state() private _discoveryError: string | null = null;
   @state() private _chartMetric: string | undefined;
   @state() private _listColumns: number = loadListColumns();
   @state() private _favorites: FavoritesMap = {};
@@ -71,6 +72,8 @@ export class SpanPanelElement extends LitElement {
    * Monitoring tab — one block per contributing panel's config entry.
    */
   private _favoritesMonitoringTabs: Map<string, MonitoringTab> = new Map();
+  private readonly _errorStore = new ErrorStore();
+  private _watchedPanelId: string | null = null;
   /**
    * Monotonic token incremented on each ``_refreshFavorites`` call.
    * Concurrent invocations (rapid heart toggles → multiple
@@ -228,6 +231,7 @@ export class SpanPanelElement extends LitElement {
       this._onFavoritesChanged = null;
     }
     this._unsubscribeDeviceRegistry();
+    this._errorStore.dispose();
     super.disconnectedCallback();
   }
 
@@ -242,6 +246,7 @@ export class SpanPanelElement extends LitElement {
       const oldHass = changedProps.get("hass") as HomeAssistant | undefined;
       this._dashboardTab.hass = this.hass;
       this._listDashCtrl.hass = this.hass;
+      this._errorStore.updateHass(this.hass);
 
       if (!this._discovered) {
         this._discoverPanels();
@@ -277,6 +282,10 @@ export class SpanPanelElement extends LitElement {
       this._scheduleTabRender();
     }
 
+    if (changedProps.has("_selectedPanelId") && this._selectedPanelId && this._selectedPanelId !== FAVORITES_PANEL_ID) {
+      this._updatePanelStatusWatch();
+    }
+
     // Keep the <select> visually synced with ``_selectedPanelId``.
     // When the options list is rebuilt (e.g. Favorites entry prepended),
     // the browser's ``select.value`` can stick to the previous value or
@@ -334,7 +343,8 @@ export class SpanPanelElement extends LitElement {
           </div>
         </div>
         <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${this._discoveryError ?? "Loading\u2026"}</div>
+          <span-error-banner .store=${this._errorStore}></span-error-banner>
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading\u2026"}</div>
         </div>
       `;
     }
@@ -355,6 +365,7 @@ export class SpanPanelElement extends LitElement {
       </div>
 
       <div class="view">
+        <span-error-banner .store=${this._errorStore}></span-error-banner>
         <div class="view-content">
           <div
             class="tab-content"
@@ -546,6 +557,25 @@ export class SpanPanelElement extends LitElement {
     }
   }
 
+  private async _updatePanelStatusWatch(): Promise<void> {
+    if (!this.hass || !this._selectedPanelId) return;
+    if (this._selectedPanelId === FAVORITES_PANEL_ID) return;
+    if (this._watchedPanelId === this._selectedPanelId) return;
+
+    this._watchedPanelId = this._selectedPanelId;
+    try {
+      const result = await discoverTopology(this.hass, this._selectedPanelId);
+      if (this._watchedPanelId !== this._selectedPanelId) return; // Superseded
+      const entityId = result.topology?.panel_entities?.panel_status;
+      if (entityId) {
+        this._errorStore.watchPanelStatus(entityId);
+        this._errorStore.updateHass(this.hass);
+      }
+    } catch (err) {
+      console.warn("SPAN Panel: unable to fetch topology for panel status watching", err);
+    }
+  }
+
   private async _discoverPanels(): Promise<void> {
     if (!this.hass) return;
 
@@ -557,7 +587,16 @@ export class SpanPanelElement extends LitElement {
       realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
     } catch (err) {
       console.error("SPAN Panel: device discovery failed", err);
-      this._discoveryError = `Discovery failed: ${(err as Error).message ?? err}`;
+      this._errorStore.add({
+        key: "discovery-failed",
+        level: "error",
+        message: t("error.discovery_failed"),
+        persistent: true,
+        retryFn: () => {
+          this._errorStore.remove("discovery-failed");
+          this._discoverPanels();
+        },
+      });
       return;
     }
 
@@ -565,7 +604,6 @@ export class SpanPanelElement extends LitElement {
     this._panels = this._buildPanelList(realPanels, this._favorites);
     this._favoritesViewState = loadFavoritesViewState();
 
-    this._discoveryError = null;
     this._discovered = true;
 
     const stored = localStorage.getItem("span_panel_selected");
@@ -608,6 +646,12 @@ export class SpanPanelElement extends LitElement {
       return await this._favCache.fetch(this.hass);
     } catch (err) {
       console.warn("SPAN Panel: favorites fetch failed", err);
+      this._errorStore.add({
+        key: "fetch:favorites",
+        level: "warning",
+        message: t("error.favorites_fetch_failed"),
+        persistent: false,
+      });
       return {};
     }
   }

From 1a2f9e6dc6b2899c796e2c07569b17c9d50f73a8 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:31:36 -0700
Subject: [PATCH 57/97] fix: panel watch teardown, re-entry guard, and banner
 contradiction

---
 src/core/error-store.ts   |  24 +++++++++
 src/panel/span-panel.ts   | 101 +++++++++++++++++++++-----------------
 tests/error-store.test.ts |  27 ++++++++++
 3 files changed, 108 insertions(+), 44 deletions(-)

diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index e43cc05..e7a74f8 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -129,11 +129,35 @@ export class ErrorStore {
   /**
    * Register the entity ID whose `state` represents panel connectivity.
    * Call `updateHass()` on each hass update to drive error/recovery logic.
+   *
+   * When the entity ID changes (switching watched panel), resets
+   * `_wasOffline` and removes any active `panel-offline` for the previous
+   * entity so the new panel starts with a clean slate.
    */
   watchPanelStatus(entityId: string): void {
+    if (this._panelStatusEntityId !== entityId) {
+      // Switching watched panel — clear state scoped to the previous entity
+      this._wasOffline = false;
+      this._persistent.delete("panel-offline");
+      this._notify();
+    }
     this._panelStatusEntityId = entityId;
   }
 
+  /**
+   * Clear the panel status watch entirely (e.g. when switching to the
+   * Favorites pseudo-panel, which has no panel_status entity).
+   * Removes any active `panel-offline` persistent error and resets
+   * `_wasOffline` so no spurious reconnect toast fires on the next watch.
+   */
+  clearPanelStatusWatch(): void {
+    this._panelStatusEntityId = null;
+    this._wasOffline = false;
+    if (this._persistent.delete("panel-offline")) {
+      this._notify();
+    }
+  }
+
   /**
    * Examine the panel status entity in the current hass snapshot and
    * add/remove the `panel-offline` persistent error accordingly.
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 9812a46..92ec321 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -1,4 +1,4 @@
-import { LitElement, html, css, unsafeCSS } from "lit";
+import { LitElement, html, css, nothing, unsafeCSS } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { INTEGRATION_DOMAIN } from "../constants.js";
@@ -74,6 +74,7 @@ export class SpanPanelElement extends LitElement {
   private _favoritesMonitoringTabs: Map<string, MonitoringTab> = new Map();
   private readonly _errorStore = new ErrorStore();
   private _watchedPanelId: string | null = null;
+  private _discovering = false;
   /**
    * Monotonic token incremented on each ``_refreshFavorites`` call.
    * Concurrent invocations (rapid heart toggles → multiple
@@ -282,8 +283,14 @@ export class SpanPanelElement extends LitElement {
       this._scheduleTabRender();
     }
 
-    if (changedProps.has("_selectedPanelId") && this._selectedPanelId && this._selectedPanelId !== FAVORITES_PANEL_ID) {
-      this._updatePanelStatusWatch();
+    if (changedProps.has("_selectedPanelId")) {
+      if (this._selectedPanelId === FAVORITES_PANEL_ID || !this._selectedPanelId) {
+        // Favorites pseudo-panel has no panel_status — clear the watch
+        this._errorStore.clearPanelStatusWatch();
+        this._watchedPanelId = null;
+      } else {
+        this._updatePanelStatusWatch();
+      }
     }
 
     // Keep the <select> visually synced with ``_selectedPanelId``.
@@ -329,12 +336,13 @@ export class SpanPanelElement extends LitElement {
           </div>
         </div>
         <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading\u2026"}</div>
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${t("card.connecting")}</div>
         </div>
       `;
     }
 
     if (!this._discovered) {
+      const hasError = this._errorStore.hasPersistent("discovery-failed");
       return html`
         <div class="header">
           <div class="toolbar">
@@ -344,7 +352,7 @@ export class SpanPanelElement extends LitElement {
         </div>
         <div class="view">
           <span-error-banner .store=${this._errorStore}></span-error-banner>
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading\u2026"}</div>
+          ${hasError ? nothing : html`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${t("card.connecting")}</div>`}
         </div>
       `;
     }
@@ -577,53 +585,58 @@ export class SpanPanelElement extends LitElement {
   }
 
   private async _discoverPanels(): Promise<void> {
+    if (this._discovering) return;
     if (!this.hass) return;
-
-    let realPanels: PanelDevice[];
+    this._discovering = true;
     try {
-      const devices = await this.hass.callWS<PanelDevice[]>({
-        type: "config/device_registry/list",
-      });
-      realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
-    } catch (err) {
-      console.error("SPAN Panel: device discovery failed", err);
-      this._errorStore.add({
-        key: "discovery-failed",
-        level: "error",
-        message: t("error.discovery_failed"),
-        persistent: true,
-        retryFn: () => {
-          this._errorStore.remove("discovery-failed");
-          this._discoverPanels();
-        },
-      });
-      return;
-    }
+      let realPanels: PanelDevice[];
+      try {
+        const devices = await this.hass.callWS<PanelDevice[]>({
+          type: "config/device_registry/list",
+        });
+        realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
+      } catch (err) {
+        console.error("SPAN Panel: device discovery failed", err);
+        this._errorStore.add({
+          key: "discovery-failed",
+          level: "error",
+          message: t("error.discovery_failed"),
+          persistent: true,
+          retryFn: () => {
+            this._errorStore.remove("discovery-failed");
+            this._discoverPanels();
+          },
+        });
+        return;
+      }
 
-    this._favorites = await this._loadFavorites();
-    this._panels = this._buildPanelList(realPanels, this._favorites);
-    this._favoritesViewState = loadFavoritesViewState();
+      this._favorites = await this._loadFavorites();
+      this._panels = this._buildPanelList(realPanels, this._favorites);
+      this._favoritesViewState = loadFavoritesViewState();
 
-    this._discovered = true;
+      this._discovered = true;
 
-    const stored = localStorage.getItem("span_panel_selected");
-    if (stored && this._panels.some(p => p.id === stored)) {
-      this._selectedPanelId = stored;
-    } else if (realPanels.length > 0) {
-      this._selectedPanelId = realPanels[0]!.id;
-    }
+      const stored = localStorage.getItem("span_panel_selected");
+      if (stored && this._panels.some(p => p.id === stored)) {
+        this._selectedPanelId = stored;
+      } else if (realPanels.length > 0) {
+        this._selectedPanelId = realPanels[0]!.id;
+      }
 
-    // Restore the user's favorites tab when re-entering the pseudo-panel.
-    if (this._selectedPanelId === FAVORITES_PANEL_ID) {
-      const restoredTab = this._favoritesViewState.activeTab;
-      if (restoredTab === "activity" || restoredTab === "area" || restoredTab === "monitoring") {
-        this._activeTab = restoredTab;
-      } else if (this._activeTab === "dashboard") {
-        this._activeTab = "activity";
+      // Restore the user's favorites tab when re-entering the pseudo-panel.
+      if (this._selectedPanelId === FAVORITES_PANEL_ID) {
+        const restoredTab = this._favoritesViewState.activeTab;
+        if (restoredTab === "activity" || restoredTab === "area" || restoredTab === "monitoring") {
+          this._activeTab = restoredTab;
+        } else if (this._activeTab === "dashboard") {
+          this._activeTab = "activity";
+        }
       }
-    }
 
-    this._chartMetric = localStorage.getItem("span_panel_metric") || "power";
+      this._chartMetric = localStorage.getItem("span_panel_metric") || "power";
+    } finally {
+      this._discovering = false;
+    }
   }
 
   /**
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index 98092d5..bbd5ddc 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -408,4 +408,31 @@ describe("ErrorStore — panel status watching", () => {
     const reconnected = store.active.filter(e => e.key === "panel-reconnected");
     expect(reconnected).toHaveLength(0);
   });
+
+  it("resets was-offline state when switching watched entity", () => {
+    store.watchPanelStatus("binary_sensor.panel_a");
+    store.updateHass({ states: { "binary_sensor.panel_a": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    // Switch to a different panel that is online
+    store.watchPanelStatus("binary_sensor.panel_b");
+    store.updateHass({ states: { "binary_sensor.panel_b": { state: "on" } } } as any);
+
+    // No spurious "reconnected" info should appear for panel B
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+    expect(store.active.filter(e => e.level === "info")).toHaveLength(0);
+  });
+
+  it("clearPanelStatusWatch resets state", () => {
+    store.watchPanelStatus("binary_sensor.panel_a");
+    store.updateHass({ states: { "binary_sensor.panel_a": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    store.clearPanelStatusWatch();
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+
+    // Further updateHass should be a no-op
+    store.updateHass({ states: { "binary_sensor.panel_a": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
 });

From 2209bbcc18f20f0a24b394d438a041fc67f740bc Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:39:50 -0700
Subject: [PATCH 58/97] refactor: route side panel errors through ErrorStore

Remove the side panel's internal error display (_showError, .error-msg
divs, auto-dismiss) and route all error dispatches through the ErrorStore
owned by the card and panel. Wire errorStore through DashboardController
and ListViewController so gear-click and list-render paths set it on
freshly-created side panel elements. Remove stale sidepanel.*_failed
i18n keys from all 5 locales.
---
 src/card/span-panel-card.ts      |  12 +-
 src/core/dashboard-controller.ts |   4 +
 src/core/list-view-controller.ts |  12 +-
 src/core/side-panel.ts           | 212 +++++++++++++++++++------------
 src/i18n.ts                      |  40 ------
 src/panel/span-panel.ts          |  10 +-
 src/panel/tab-dashboard.ts       |   4 +
 7 files changed, 165 insertions(+), 129 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index b25539c..36767e2 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -21,6 +21,7 @@ import type { HomeAssistant, PanelTopology, PanelDevice, CardConfig } from "../t
 
 interface SpanSidePanelElement extends HTMLElement {
   hass: HomeAssistant;
+  errorStore: ErrorStore | null;
 }
 
 const PREVIEW_CIRCUITS = [
@@ -116,6 +117,7 @@ export class SpanPanelCard extends LitElement {
     this._activeTab = "panel";
     this._ctrl.reset();
     this._ctrl.setConfig(config);
+    this._ctrl.errorStore = this._errorStore;
   }
 
   getCardSize(): number {
@@ -194,7 +196,10 @@ export class SpanPanelCard extends LitElement {
       this._ctrl.updateDOM(this.shadowRoot!);
 
       const sidePanel = this.shadowRoot!.querySelector("span-side-panel") as SpanSidePanelElement | null;
-      if (sidePanel) sidePanel.hass = this.hass;
+      if (sidePanel) {
+        sidePanel.hass = this.hass;
+        sidePanel.errorStore = this._errorStore;
+      }
     }
 
     if (this._discovered && this._activeTab !== "panel" && this._topology) {
@@ -349,7 +354,10 @@ export class SpanPanelCard extends LitElement {
       }
 
       const sidePanel = this.shadowRoot!.querySelector("span-side-panel") as SpanSidePanelElement | null;
-      if (sidePanel) sidePanel.hass = this.hass;
+      if (sidePanel) {
+        sidePanel.hass = this.hass;
+        sidePanel.errorStore = this._errorStore;
+      }
 
       this._ctrl.recordSamples();
       this._ctrl.updateDOM(this.shadowRoot!);
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 119ad73..d81b299 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -7,6 +7,7 @@ import { getEffectiveHorizon, getEffectiveSubDeviceHorizon } from "./graph-setti
 import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatuses } from "./monitoring-status.js";
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 const RECORDER_REFRESH_MS = 30_000;
 const RESIZE_THRESHOLD_PX = 5;
@@ -17,6 +18,7 @@ type DOMRoot = Element | ShadowRoot;
 
 interface SpanSidePanelElement extends HTMLElement {
   hass: HomeAssistant;
+  errorStore: ErrorStore | null;
   open(config: Record<string, unknown>): void;
 }
 
@@ -32,6 +34,7 @@ export class DashboardController {
   readonly monitoringMultiCache = new MonitoringStatusMultiCache();
   readonly graphSettingsCache = new GraphSettingsCache();
 
+  errorStore: ErrorStore | null = null;
   private _hass: HomeAssistant | null = null;
   private _topology: PanelTopology | null = null;
   private _config: CardConfig | null = null;
@@ -377,6 +380,7 @@ export class DashboardController {
     const sidePanel = root.querySelector("span-side-panel") as SpanSidePanelElement | null;
     if (!sidePanel || !this._hass) return;
     sidePanel.hass = this._hass;
+    sidePanel.errorStore = this.errorStore;
 
     if (gearBtn.classList.contains("panel-gear")) {
       // Favorites view has no single panel to configure — the aggregate
diff --git a/src/core/list-view-controller.ts b/src/core/list-view-controller.ts
index c774926..2ad0565 100644
--- a/src/core/list-view-controller.ts
+++ b/src/core/list-view-controller.ts
@@ -8,9 +8,11 @@ import { getCircuitMonitoringInfo } from "./monitoring-status.js";
 import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
 import type { DashboardController } from "./dashboard-controller.js";
 import type { HomeAssistant, PanelTopology, CardConfig, Circuit, MonitoringStatus } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 interface SpanSidePanelElement extends HTMLElement {
   hass: HomeAssistant;
+  errorStore: ErrorStore | null;
 }
 
 interface CircuitSortInfo {
@@ -230,7 +232,10 @@ export class ListViewController {
     html += "<span-side-panel></span-side-panel>";
     container.innerHTML = html;
     const sidePanel = container.querySelector("span-side-panel") as SpanSidePanelElement | null;
-    if (sidePanel) sidePanel.hass = hass;
+    if (sidePanel) {
+      sidePanel.hass = hass;
+      sidePanel.errorStore = this._ctrl.errorStore;
+    }
     this._bindEvents(container);
     if (this._searchQuery) this._applyFilter(container);
     this._ctrl.updateDOM(container);
@@ -298,7 +303,10 @@ export class ListViewController {
     html += "<span-side-panel></span-side-panel>";
     container.innerHTML = html;
     const areaSidePanel = container.querySelector("span-side-panel") as SpanSidePanelElement | null;
-    if (areaSidePanel) areaSidePanel.hass = hass;
+    if (areaSidePanel) {
+      areaSidePanel.hass = hass;
+      areaSidePanel.errorStore = this._ctrl.errorStore;
+    }
     this._bindEvents(container);
     if (this._searchQuery) this._applyFilter(container);
     this._ctrl.updateDOM(container);
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index c1a0bf2..0bc4fb7 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -1,10 +1,11 @@
 // src/core/side-panel.ts
 import { escapeHtml } from "../helpers/sanitize.js";
 import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
-import { INTEGRATION_DOMAIN, SHEDDING_PRIORITIES, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, ERROR_DISPLAY_MS, INPUT_DEBOUNCE_MS } from "../constants.js";
+import { INTEGRATION_DOMAIN, SHEDDING_PRIORITIES, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, INPUT_DEBOUNCE_MS } from "../constants.js";
 import { t } from "../i18n.js";
 import { addFavorite, removeFavorite } from "./favorites-store.js";
 import type { HomeAssistant, PanelTopology, GraphSettings, CircuitEntities, CircuitGraphOverride, MonitoringPointInfo } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 const PRIORITY_OPTIONS: string[] = Object.keys(SHEDDING_PRIORITIES).filter(k => k !== "unknown" && k !== "always_on");
 
@@ -306,35 +307,12 @@ const STYLES = `
     margin: 0 0 12px 0;
   }
 
-  .error-msg {
-    color: var(--error-color, #f44336);
-    font-size: 0.8em;
-    padding: 8px;
-    margin: 8px 0;
-    background: rgba(244, 67, 54, 0.1);
-    border-radius: 4px;
-  }
 `;
 
-/**
- * Extract a readable message from a thrown value. Home Assistant WS
- * errors are plain ``{code, message}`` objects (not ``Error``
- * instances), so a naive ``String(err)`` would render ``"[object Object]"``.
- */
-function _extractErrorMessage(err: unknown): string {
-  if (err instanceof Error) return err.message;
-  if (err && typeof err === "object") {
-    const obj = err as { message?: unknown; error?: unknown; code?: unknown };
-    if (typeof obj.message === "string" && obj.message) return obj.message;
-    if (typeof obj.error === "string" && obj.error) return obj.error;
-    if (typeof obj.code === "string" && obj.code) return obj.code;
-  }
-  return String(err);
-}
-
 // ── Component ─────────────────────────────────────────────────────────────
 
 class SpanSidePanel extends HTMLElement {
+  errorStore: ErrorStore | null = null;
   private _hass: HomeAssistant | null;
   private _config: SidePanelConfig | null;
   private _debounceTimers: Record<string, ReturnType<typeof setTimeout>>;
@@ -412,12 +390,6 @@ class SpanSidePanel extends HTMLElement {
     const body = document.createElement("div");
     body.className = "panel-body";
 
-    const errorEl = document.createElement("div");
-    errorEl.className = "error-msg";
-    errorEl.id = "error-msg";
-    errorEl.style.display = "none";
-    body.appendChild(errorEl);
-
     const graphSettings = cfg.graphSettings;
     const topology = cfg.topology;
     const globalHorizon = graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
@@ -462,7 +434,14 @@ class SpanSidePanel extends HTMLElement {
         .then(() => {
           this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
         })
-        .catch((err: Error) => this._showError(`${err.message ?? err}`));
+        .catch((_err: Error) => {
+          this.errorStore?.add({
+            key: "service:graph_horizon",
+            level: "error",
+            message: t("error.graph_horizon_failed"),
+            persistent: false,
+          });
+        });
     });
     globalRow.appendChild(globalSelect);
     globalSection.appendChild(globalRow);
@@ -520,7 +499,14 @@ class SpanSidePanel extends HTMLElement {
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((err: Error) => this._showError(`${err.message ?? err}`));
+              .catch((_err: Error) => {
+                this.errorStore?.add({
+                  key: "service:graph_horizon",
+                  level: "error",
+                  message: t("error.graph_horizon_failed"),
+                  persistent: false,
+                });
+              });
           });
         });
         row.appendChild(select);
@@ -548,7 +534,14 @@ class SpanSidePanel extends HTMLElement {
                 resetBtn.remove();
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((err: Error) => this._showError(`${err.message ?? err}`));
+              .catch((_err: Error) => {
+                this.errorStore?.add({
+                  key: "service:graph_horizon",
+                  level: "error",
+                  message: t("error.graph_horizon_failed"),
+                  persistent: false,
+                });
+              });
           });
           row.appendChild(resetBtn);
         }
@@ -612,7 +605,14 @@ class SpanSidePanel extends HTMLElement {
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((err: Error) => this._showError(`${err.message ?? err}`));
+              .catch((_err: Error) => {
+                this.errorStore?.add({
+                  key: "service:graph_horizon",
+                  level: "error",
+                  message: t("error.graph_horizon_failed"),
+                  persistent: false,
+                });
+              });
           });
         });
         row.appendChild(select);
@@ -640,7 +640,14 @@ class SpanSidePanel extends HTMLElement {
                 resetBtn.remove();
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((err: Error) => this._showError(`${err.message ?? err}`));
+              .catch((_err: Error) => {
+                this.errorStore?.add({
+                  key: "service:graph_horizon",
+                  level: "error",
+                  message: t("error.graph_horizon_failed"),
+                  persistent: false,
+                });
+              });
           });
           row.appendChild(resetBtn);
         }
@@ -663,12 +670,6 @@ class SpanSidePanel extends HTMLElement {
     body.className = "panel-body";
     panel.appendChild(body);
 
-    const errorEl = document.createElement("div");
-    errorEl.className = "error-msg";
-    errorEl.id = "error-msg";
-    errorEl.style.display = "none";
-    body.appendChild(errorEl);
-
     this._renderRelaySection(body, cfg);
     if (cfg.showFavorites) {
       this._renderFavoriteSection(body, cfg);
@@ -826,8 +827,12 @@ class SpanSidePanel extends HTMLElement {
       btn.classList.toggle("active", wasActive);
       icon.setAttribute("icon", wasActive ? "mdi:heart" : "mdi:heart-outline");
       btn.setAttribute("aria-checked", String(wasActive));
-      const message = _extractErrorMessage(err);
-      this._showError(`${t("sidepanel.favorite_failed")} ${message}`);
+      this.errorStore?.add({
+        key: "service:favorites",
+        level: "error",
+        message: t("error.favorites_toggle_failed"),
+        persistent: false,
+      });
       throw err;
     }
   }
@@ -870,12 +875,6 @@ class SpanSidePanel extends HTMLElement {
     body.className = "panel-body";
     panel.appendChild(body);
 
-    const errorEl = document.createElement("div");
-    errorEl.className = "error-msg";
-    errorEl.id = "error-msg";
-    errorEl.style.display = "none";
-    body.appendChild(errorEl);
-
     if (cfg.showFavorites) {
       this._renderSubDeviceFavoriteSection(body, cfg);
     }
@@ -945,14 +944,28 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((err: Error) => this._showError(`${t("sidepanel.clear_graph_horizon_failed")} ${err.message ?? err}`));
+            .catch((_err: Error) => {
+              this.errorStore?.add({
+                key: "service:graph_horizon",
+                level: "error",
+                message: t("error.graph_horizon_failed"),
+                persistent: false,
+              });
+            });
         } else {
           updateSegmentStates(key);
           this._callDomainService("set_subdevice_graph_horizon", { ...baseData, horizon: key })
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((err: Error) => this._showError(`${t("sidepanel.graph_horizon_failed")} ${err.message ?? err}`));
+            .catch((_err: Error) => {
+              this.errorStore?.add({
+                key: "service:graph_horizon",
+                level: "error",
+                message: t("error.graph_horizon_failed"),
+                persistent: false,
+              });
+            });
         }
       });
 
@@ -1008,9 +1021,14 @@ class SpanSidePanel extends HTMLElement {
 
     toggle.addEventListener("change", () => {
       const isOn = toggle.hasAttribute("checked") || toggle.checked;
-      this._callService("switch", isOn ? "turn_on" : "turn_off", { entity_id: entityId }).catch((err: Error) =>
-        this._showError(`${t("sidepanel.relay_failed")} ${err.message ?? err}`)
-      );
+      this._callService("switch", isOn ? "turn_on" : "turn_off", { entity_id: entityId }).catch((_err: Error) => {
+        this.errorStore?.add({
+          key: "service:relay",
+          level: "error",
+          message: t("error.relay_failed"),
+          persistent: false,
+        });
+      });
     });
 
     row.appendChild(label);
@@ -1054,7 +1072,14 @@ class SpanSidePanel extends HTMLElement {
       this._callService("select", "select_option", {
         entity_id: entityId,
         option: selectEl.value,
-      }).catch((err: Error) => this._showError(`${t("sidepanel.shedding_failed")} ${err.message ?? err}`));
+      }).catch((_err: Error) => {
+        this.errorStore?.add({
+          key: "service:shedding",
+          level: "error",
+          message: t("error.shedding_failed"),
+          persistent: false,
+        });
+      });
     });
 
     row.appendChild(label);
@@ -1119,7 +1144,14 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((err: Error) => this._showError(`${t("sidepanel.clear_graph_horizon_failed")} ${err.message ?? err}`));
+            .catch((_err: Error) => {
+              this.errorStore?.add({
+                key: "service:graph_horizon",
+                level: "error",
+                message: t("error.graph_horizon_failed"),
+                persistent: false,
+              });
+            });
         } else {
           updateSegmentStates(key);
           this._callDomainService("set_circuit_graph_horizon", {
@@ -1129,7 +1161,14 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((err: Error) => this._showError(`${t("sidepanel.graph_horizon_failed")} ${err.message ?? err}`));
+            .catch((_err: Error) => {
+              this.errorStore?.add({
+                key: "service:graph_horizon",
+                level: "error",
+                message: t("error.graph_horizon_failed"),
+                persistent: false,
+              });
+            });
         }
       });
 
@@ -1209,9 +1248,14 @@ class SpanSidePanel extends HTMLElement {
         monitoring_enabled: checked,
       };
       if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-      this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
-        this._showError(`${t("sidepanel.monitoring_toggle_failed")} ${err.message ?? err}`)
-      );
+      this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+        this.errorStore?.add({
+          key: "service:monitoring",
+          level: "error",
+          message: t("error.threshold_failed"),
+          persistent: false,
+        });
+      });
     });
 
     // Event: radio change
@@ -1224,9 +1268,14 @@ class SpanSidePanel extends HTMLElement {
           const entityId = cfg.entities?.power || cfg.uuid;
           const data: Record<string, unknown> = { circuit_id: entityId };
           if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-          this._callDomainService("clear_circuit_threshold", data).catch((err: Error) =>
-            this._showError(`${t("sidepanel.clear_monitoring_failed")} ${err.message ?? err}`)
-          );
+          this._callDomainService("clear_circuit_threshold", data).catch((_err: Error) => {
+            this.errorStore?.add({
+              key: "service:monitoring",
+              level: "error",
+              message: t("error.threshold_failed"),
+              persistent: false,
+            });
+          });
         }
       });
     }
@@ -1266,9 +1315,14 @@ class SpanSidePanel extends HTMLElement {
           cooldown_duration_m: cooldownM ? Number(cooldownM.value) : undefined,
         };
         if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-        this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
-          this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`)
-        );
+        this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
+        });
       });
     });
 
@@ -1327,9 +1381,14 @@ class SpanSidePanel extends HTMLElement {
             window_duration_m: windowM ? Number(windowM.value) : undefined,
           };
           if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-          this._callDomainService("set_circuit_threshold", data).catch((err: Error) =>
-            this._showError(`${t("sidepanel.save_threshold_failed")} ${err.message ?? err}`)
-          );
+          this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+            this.errorStore?.add({
+              key: "service:monitoring",
+              level: "error",
+              message: t("error.threshold_failed"),
+              persistent: false,
+            });
+          });
         });
       });
     }
@@ -1388,19 +1447,6 @@ class SpanSidePanel extends HTMLElement {
     });
   }
 
-  // ── Error display ───────────────────────────────────────────────────
-
-  private _showError(message: string): void {
-    const el = this.shadowRoot?.getElementById("error-msg");
-    if (el) {
-      el.textContent = message;
-      el.style.display = "block";
-      setTimeout(() => {
-        el.style.display = "none";
-      }, ERROR_DISPLAY_MS);
-    }
-  }
-
   // ── Debounce ────────────────────────────────────────────────────────
 
   private _debounce(key: string, ms: number, fn: () => void): void {
diff --git a/src/i18n.ts b/src/i18n.ts
index 73cbec1..f616a95 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -108,8 +108,6 @@ const translations: Record<string, Record<string, string>> = {
     "settings.col.circuit": "Circuit",
     "settings.col.scale": "Scale",
     "sidepanel.graph_horizon": "Graph Time Horizon",
-    "sidepanel.graph_horizon_failed": "Graph horizon update failed:",
-    "sidepanel.clear_graph_horizon_failed": "Clear graph horizon failed:",
 
     // Header
     "header.default_name": "SPAN Panel",
@@ -151,10 +149,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.reset_to_global": "Reset to global default",
     "sidepanel.relay": "Relay",
     "sidepanel.breaker": "Breaker",
-    "sidepanel.relay_failed": "Relay toggle failed:",
     "sidepanel.shedding_priority": "Shedding Priority",
     "sidepanel.priority_label": "Priority",
-    "sidepanel.shedding_failed": "Shedding update failed:",
     "sidepanel.monitoring": "Monitoring",
     "sidepanel.global": "Global",
     "sidepanel.custom": "Custom",
@@ -162,12 +158,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.spike_pct": "Spike %",
     "sidepanel.window_duration": "Window duration",
     "sidepanel.cooldown": "Cooldown",
-    "sidepanel.monitoring_toggle_failed": "Monitoring toggle failed:",
-    "sidepanel.clear_monitoring_failed": "Clear monitoring failed:",
-    "sidepanel.save_threshold_failed": "Save threshold failed:",
     "sidepanel.favorite": "Favorite",
     "sidepanel.save_to_favorites": "Save to favorites",
-    "sidepanel.favorite_failed": "Favorite update failed:",
 
     // Favorites pseudo-panel
     "panel.favorites": "Favorites",
@@ -307,8 +299,6 @@ const translations: Record<string, Record<string, string>> = {
     "settings.col.circuit": "Circuit",
     "settings.col.scale": "Scale",
     "sidepanel.graph_horizon": "Graph Time Horizon",
-    "sidepanel.graph_horizon_failed": "Graph horizon update failed:",
-    "sidepanel.clear_graph_horizon_failed": "Clear graph horizon failed:",
     "header.default_name": "SPAN Panel",
     "header.monitoring_settings": "Configuraci\u00f3n de monitoreo del panel",
     "header.graph_settings": "Configuraci\u00f3n del horizonte temporal del gr\u00e1fico",
@@ -342,10 +332,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.reset_to_global": "Restablecer al valor global",
     "sidepanel.relay": "Rel\u00e9",
     "sidepanel.breaker": "Interruptor",
-    "sidepanel.relay_failed": "Error al cambiar rel\u00e9:",
     "sidepanel.shedding_priority": "Prioridad de Desconexci\u00f3n",
     "sidepanel.priority_label": "Prioridad",
-    "sidepanel.shedding_failed": "Error al actualizar desconexci\u00f3n:",
     "sidepanel.monitoring": "Monitoreo",
     "sidepanel.global": "Global",
     "sidepanel.custom": "Personalizado",
@@ -353,12 +341,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.spike_pct": "Pico %",
     "sidepanel.window_duration": "Duraci\u00f3n de ventana",
     "sidepanel.cooldown": "Enfriamiento",
-    "sidepanel.monitoring_toggle_failed": "Error al cambiar monitoreo:",
-    "sidepanel.clear_monitoring_failed": "Error al limpiar monitoreo:",
-    "sidepanel.save_threshold_failed": "Error al guardar umbral:",
     "sidepanel.favorite": "Favorito",
     "sidepanel.save_to_favorites": "Guardar en favoritos",
-    "sidepanel.favorite_failed": "Error al actualizar favoritos:",
     "panel.favorites": "Favoritos",
     "status.monitoring": "Monitoreo",
     "status.circuits": "circuitos",
@@ -488,8 +472,6 @@ const translations: Record<string, Record<string, string>> = {
     "settings.col.circuit": "Circuit",
     "settings.col.scale": "Scale",
     "sidepanel.graph_horizon": "Graph Time Horizon",
-    "sidepanel.graph_horizon_failed": "Graph horizon update failed:",
-    "sidepanel.clear_graph_horizon_failed": "Clear graph horizon failed:",
     "header.default_name": "SPAN Panel",
     "header.monitoring_settings": "Param\u00e8tres de surveillance du panneau",
     "header.graph_settings": "Param\u00e8tres d'horizon temporel du graphique",
@@ -523,10 +505,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.reset_to_global": "R\u00e9initialiser \u00e0 la valeur globale",
     "sidepanel.relay": "Relais",
     "sidepanel.breaker": "Disjoncteur",
-    "sidepanel.relay_failed": "\u00c9chec du basculement du relais :",
     "sidepanel.shedding_priority": "Priorit\u00e9 de D\u00e9lestage",
     "sidepanel.priority_label": "Priorit\u00e9",
-    "sidepanel.shedding_failed": "\u00c9chec de la mise \u00e0 jour du d\u00e9lestage :",
     "sidepanel.monitoring": "Surveillance",
     "sidepanel.global": "Global",
     "sidepanel.custom": "Personnalis\u00e9",
@@ -534,12 +514,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.spike_pct": "Pic %",
     "sidepanel.window_duration": "Dur\u00e9e de fen\u00eatre",
     "sidepanel.cooldown": "Refroidissement",
-    "sidepanel.monitoring_toggle_failed": "\u00c9chec du basculement de surveillance :",
-    "sidepanel.clear_monitoring_failed": "\u00c9chec de l'effacement de surveillance :",
-    "sidepanel.save_threshold_failed": "\u00c9chec de la sauvegarde du seuil :",
     "sidepanel.favorite": "Favori",
     "sidepanel.save_to_favorites": "Enregistrer dans les favoris",
-    "sidepanel.favorite_failed": "\u00c9chec de la mise \u00e0 jour du favori :",
     "panel.favorites": "Favoris",
     "status.monitoring": "Surveillance",
     "status.circuits": "circuits",
@@ -671,8 +647,6 @@ const translations: Record<string, Record<string, string>> = {
     "settings.col.circuit": "Circuit",
     "settings.col.scale": "Scale",
     "sidepanel.graph_horizon": "Graph Time Horizon",
-    "sidepanel.graph_horizon_failed": "Graph horizon update failed:",
-    "sidepanel.clear_graph_horizon_failed": "Clear graph horizon failed:",
     "header.default_name": "SPAN Panel",
     "header.monitoring_settings": "\u30d1\u30cd\u30eb\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u8a2d\u5b9a",
     "header.graph_settings": "\u30b0\u30e9\u30d5\u6642\u9593\u7bc4\u56f2\u8a2d\u5b9a",
@@ -706,10 +680,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.reset_to_global": "\u30b0\u30ed\u30fc\u30d0\u30eb\u306b\u30ea\u30bb\u30c3\u30c8",
     "sidepanel.relay": "\u30ea\u30ec\u30fc",
     "sidepanel.breaker": "\u30d6\u30ec\u30fc\u30ab\u30fc",
-    "sidepanel.relay_failed": "\u30ea\u30ec\u30fc\u5207\u308a\u66ff\u3048\u5931\u6557:",
     "sidepanel.shedding_priority": "\u30b7\u30a7\u30c7\u30a3\u30f3\u30b0\u512a\u5148\u5ea6",
     "sidepanel.priority_label": "\u512a\u5148\u5ea6",
-    "sidepanel.shedding_failed": "\u30b7\u30a7\u30c7\u30a3\u30f3\u30b0\u66f4\u65b0\u5931\u6557:",
     "sidepanel.monitoring": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0",
     "sidepanel.global": "\u30b0\u30ed\u30fc\u30d0\u30eb",
     "sidepanel.custom": "\u30ab\u30b9\u30bf\u30e0",
@@ -717,12 +689,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.spike_pct": "\u30b9\u30d1\u30a4\u30af %",
     "sidepanel.window_duration": "\u30a6\u30a3\u30f3\u30c9\u30a6\u6642\u9593",
     "sidepanel.cooldown": "\u30af\u30fc\u30eb\u30c0\u30a6\u30f3",
-    "sidepanel.monitoring_toggle_failed": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u5207\u308a\u66ff\u3048\u5931\u6557:",
-    "sidepanel.clear_monitoring_failed": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0\u30af\u30ea\u30a2\u5931\u6557:",
-    "sidepanel.save_threshold_failed": "\u3057\u304d\u3044\u5024\u4fdd\u5b58\u5931\u6557:",
     "sidepanel.favorite": "\u304a\u6c17\u306b\u5165\u308a",
     "sidepanel.save_to_favorites": "\u304a\u6c17\u306b\u5165\u308a\u306b\u4fdd\u5b58",
-    "sidepanel.favorite_failed": "\u304a\u6c17\u306b\u5165\u308a\u306e\u66f4\u65b0\u306b\u5931\u6557:",
     "panel.favorites": "\u304a\u6c17\u306b\u5165\u308a",
     "status.monitoring": "\u30e2\u30cb\u30bf\u30ea\u30f3\u30b0",
     "status.circuits": "\u56de\u8def",
@@ -856,8 +824,6 @@ const translations: Record<string, Record<string, string>> = {
     "settings.col.circuit": "Circuit",
     "settings.col.scale": "Scale",
     "sidepanel.graph_horizon": "Graph Time Horizon",
-    "sidepanel.graph_horizon_failed": "Graph horizon update failed:",
-    "sidepanel.clear_graph_horizon_failed": "Clear graph horizon failed:",
     "header.default_name": "SPAN Panel",
     "header.monitoring_settings": "Configura\u00e7\u00f5es de monitoramento do painel",
     "header.graph_settings": "Configura\u00e7\u00f5es do horizonte temporal do gr\u00e1fico",
@@ -891,10 +857,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.reset_to_global": "Redefinir para o padr\u00e3o global",
     "sidepanel.relay": "Rel\u00e9",
     "sidepanel.breaker": "Disjuntor",
-    "sidepanel.relay_failed": "Falha ao alternar rel\u00e9:",
     "sidepanel.shedding_priority": "Prioridade de Desligamento",
     "sidepanel.priority_label": "Prioridade",
-    "sidepanel.shedding_failed": "Falha ao atualizar desligamento:",
     "sidepanel.monitoring": "Monitoramento",
     "sidepanel.global": "Global",
     "sidepanel.custom": "Personalizado",
@@ -902,12 +866,8 @@ const translations: Record<string, Record<string, string>> = {
     "sidepanel.spike_pct": "Pico %",
     "sidepanel.window_duration": "Dura\u00e7\u00e3o da janela",
     "sidepanel.cooldown": "Resfriamento",
-    "sidepanel.monitoring_toggle_failed": "Falha ao alternar monitoramento:",
-    "sidepanel.clear_monitoring_failed": "Falha ao limpar monitoramento:",
-    "sidepanel.save_threshold_failed": "Falha ao salvar limite:",
     "sidepanel.favorite": "Favorito",
     "sidepanel.save_to_favorites": "Salvar nos favoritos",
-    "sidepanel.favorite_failed": "Falha ao atualizar favorito:",
     "panel.favorites": "Favoritos",
     "status.monitoring": "Monitoramento",
     "status.circuits": "circuitos",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 92ec321..e776785 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -198,6 +198,9 @@ export class SpanPanelElement extends LitElement {
   connectedCallback(): void {
     super.connectedCallback();
 
+    this._dashboardTab.errorStore = this._errorStore;
+    this._listDashCtrl.errorStore = this._errorStore;
+
     this._onVisibilityChange = (): void => {
       if (document.visibilityState !== "visible" || !this._discovered || !this.hass) return;
       this._scheduleTabRender();
@@ -311,8 +314,11 @@ export class SpanPanelElement extends LitElement {
       const topo = this._listDashCtrl.topology;
       if (tabContent && topo) {
         this._listCtrl.updateCollapsedRows(tabContent, this.hass, topo, this._buildDashboardConfig());
-        const sidePanel = tabContent.querySelector("span-side-panel") as { hass: HomeAssistant } | null;
-        if (sidePanel) sidePanel.hass = this.hass;
+        const sidePanel = tabContent.querySelector("span-side-panel") as { hass: HomeAssistant; errorStore: ErrorStore | null } | null;
+        if (sidePanel) {
+          sidePanel.hass = this.hass;
+          sidePanel.errorStore = this._errorStore;
+        }
       }
     }
   }
diff --git a/src/panel/tab-dashboard.ts b/src/panel/tab-dashboard.ts
index 5bad7ee..ac7f0fd 100644
--- a/src/panel/tab-dashboard.ts
+++ b/src/panel/tab-dashboard.ts
@@ -31,6 +31,10 @@ export class DashboardTab {
     this._ctrl.hass = val;
   }
 
+  set errorStore(store: import("../core/error-store.js").ErrorStore | null) {
+    this._ctrl.errorStore = store;
+  }
+
   /**
    * Provide the current panel's favorites (for heart toggles in the
    * Graph Settings / circuit side panels). Pass ``null`` to hide hearts

From 89e3294e12b330b5b85840ab600e3cfa6ce08893 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:43:19 -0700
Subject: [PATCH 59/97] chore: remove unused ERROR_DISPLAY_MS constant

---
 src/constants.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/constants.ts b/src/constants.ts
index 4cd8f94..64d110c 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -53,7 +53,6 @@ export const MIN_HISTORY_DURATION_MS = 60_000;
 
 export const INPUT_DEBOUNCE_MS = 500;
 export const THRESHOLD_DEBOUNCE_MS = 800;
-export const ERROR_DISPLAY_MS = 5_000;
 
 // -- Chart metric definitions --
 

From d5029569293003105d8b03c8de7dd5888fe3be67 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:49:08 -0700
Subject: [PATCH 60/97] fix: preserve error diagnostics in side panel catch
 blocks

---
 src/core/side-panel.ts | 46 ++++++++++++++++++++++++++++--------------
 1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 0bc4fb7..a81e6ce 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -434,7 +434,8 @@ class SpanSidePanel extends HTMLElement {
         .then(() => {
           this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
         })
-        .catch((_err: Error) => {
+        .catch((err: Error) => {
+          console.warn("SPAN Panel: graph horizon service failed", err);
           this.errorStore?.add({
             key: "service:graph_horizon",
             level: "error",
@@ -499,7 +500,8 @@ class SpanSidePanel extends HTMLElement {
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((_err: Error) => {
+              .catch((err: Error) => {
+                console.warn("SPAN Panel: graph horizon service failed", err);
                 this.errorStore?.add({
                   key: "service:graph_horizon",
                   level: "error",
@@ -534,7 +536,8 @@ class SpanSidePanel extends HTMLElement {
                 resetBtn.remove();
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((_err: Error) => {
+              .catch((err: Error) => {
+                console.warn("SPAN Panel: graph horizon service failed", err);
                 this.errorStore?.add({
                   key: "service:graph_horizon",
                   level: "error",
@@ -605,7 +608,8 @@ class SpanSidePanel extends HTMLElement {
               .then(() => {
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((_err: Error) => {
+              .catch((err: Error) => {
+                console.warn("SPAN Panel: graph horizon service failed", err);
                 this.errorStore?.add({
                   key: "service:graph_horizon",
                   level: "error",
@@ -640,7 +644,8 @@ class SpanSidePanel extends HTMLElement {
                 resetBtn.remove();
                 this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
               })
-              .catch((_err: Error) => {
+              .catch((err: Error) => {
+                console.warn("SPAN Panel: graph horizon service failed", err);
                 this.errorStore?.add({
                   key: "service:graph_horizon",
                   level: "error",
@@ -827,6 +832,7 @@ class SpanSidePanel extends HTMLElement {
       btn.classList.toggle("active", wasActive);
       icon.setAttribute("icon", wasActive ? "mdi:heart" : "mdi:heart-outline");
       btn.setAttribute("aria-checked", String(wasActive));
+      console.warn("SPAN Panel: favorite toggle failed", err);
       this.errorStore?.add({
         key: "service:favorites",
         level: "error",
@@ -944,7 +950,8 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((_err: Error) => {
+            .catch((err: Error) => {
+              console.warn("SPAN Panel: graph horizon service failed", err);
               this.errorStore?.add({
                 key: "service:graph_horizon",
                 level: "error",
@@ -958,7 +965,8 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((_err: Error) => {
+            .catch((err: Error) => {
+              console.warn("SPAN Panel: graph horizon service failed", err);
               this.errorStore?.add({
                 key: "service:graph_horizon",
                 level: "error",
@@ -1021,7 +1029,8 @@ class SpanSidePanel extends HTMLElement {
 
     toggle.addEventListener("change", () => {
       const isOn = toggle.hasAttribute("checked") || toggle.checked;
-      this._callService("switch", isOn ? "turn_on" : "turn_off", { entity_id: entityId }).catch((_err: Error) => {
+      this._callService("switch", isOn ? "turn_on" : "turn_off", { entity_id: entityId }).catch((err: Error) => {
+        console.warn("SPAN Panel: relay toggle failed", err);
         this.errorStore?.add({
           key: "service:relay",
           level: "error",
@@ -1072,7 +1081,8 @@ class SpanSidePanel extends HTMLElement {
       this._callService("select", "select_option", {
         entity_id: entityId,
         option: selectEl.value,
-      }).catch((_err: Error) => {
+      }).catch((err: Error) => {
+        console.warn("SPAN Panel: shedding update failed", err);
         this.errorStore?.add({
           key: "service:shedding",
           level: "error",
@@ -1144,7 +1154,8 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((_err: Error) => {
+            .catch((err: Error) => {
+              console.warn("SPAN Panel: graph horizon service failed", err);
               this.errorStore?.add({
                 key: "service:graph_horizon",
                 level: "error",
@@ -1161,7 +1172,8 @@ class SpanSidePanel extends HTMLElement {
             .then(() => {
               this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
             })
-            .catch((_err: Error) => {
+            .catch((err: Error) => {
+              console.warn("SPAN Panel: graph horizon service failed", err);
               this.errorStore?.add({
                 key: "service:graph_horizon",
                 level: "error",
@@ -1248,7 +1260,8 @@ class SpanSidePanel extends HTMLElement {
         monitoring_enabled: checked,
       };
       if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-      this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+      this._callDomainService("set_circuit_threshold", data).catch((err: Error) => {
+        console.warn("SPAN Panel: monitoring update failed", err);
         this.errorStore?.add({
           key: "service:monitoring",
           level: "error",
@@ -1268,7 +1281,8 @@ class SpanSidePanel extends HTMLElement {
           const entityId = cfg.entities?.power || cfg.uuid;
           const data: Record<string, unknown> = { circuit_id: entityId };
           if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-          this._callDomainService("clear_circuit_threshold", data).catch((_err: Error) => {
+          this._callDomainService("clear_circuit_threshold", data).catch((err: Error) => {
+            console.warn("SPAN Panel: monitoring update failed", err);
             this.errorStore?.add({
               key: "service:monitoring",
               level: "error",
@@ -1315,7 +1329,8 @@ class SpanSidePanel extends HTMLElement {
           cooldown_duration_m: cooldownM ? Number(cooldownM.value) : undefined,
         };
         if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-        this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+        this._callDomainService("set_circuit_threshold", data).catch((err: Error) => {
+          console.warn("SPAN Panel: monitoring update failed", err);
           this.errorStore?.add({
             key: "service:monitoring",
             level: "error",
@@ -1381,7 +1396,8 @@ class SpanSidePanel extends HTMLElement {
             window_duration_m: windowM ? Number(windowM.value) : undefined,
           };
           if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-          this._callDomainService("set_circuit_threshold", data).catch((_err: Error) => {
+          this._callDomainService("set_circuit_threshold", data).catch((err: Error) => {
+            console.warn("SPAN Panel: monitoring update failed", err);
             this.errorStore?.add({
               key: "service:monitoring",
               level: "error",

From d134b62255fc18cdde598c3ad6a989fca6f632cf Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:51:07 -0700
Subject: [PATCH 61/97] feat: wire retry manager and error surfacing into
 dashboard controller

Replace three silent catch patterns with RetryManager dispatch for relay
toggle and ErrorStore transient warnings for history/graph-settings fetch
failures. Add getter/setter for errorStore that eagerly creates a bound
RetryManager instance. Fallback paths preserve existing behavior when no
errorStore is set.
---
 src/core/dashboard-controller.ts | 59 +++++++++++++++++++++++++++-----
 1 file changed, 51 insertions(+), 8 deletions(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index d81b299..54a151e 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -8,6 +8,8 @@ import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatu
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
+import { RetryManager } from "./retry-manager.js";
+import { t } from "../i18n.js";
 
 const RECORDER_REFRESH_MS = 30_000;
 const RESIZE_THRESHOLD_PX = 5;
@@ -34,7 +36,18 @@ export class DashboardController {
   readonly monitoringMultiCache = new MonitoringStatusMultiCache();
   readonly graphSettingsCache = new GraphSettingsCache();
 
-  errorStore: ErrorStore | null = null;
+  private _errorStore: ErrorStore | null = null;
+  private _retryManager: RetryManager | null = null;
+
+  get errorStore(): ErrorStore | null {
+    return this._errorStore;
+  }
+
+  set errorStore(store: ErrorStore | null) {
+    this._errorStore = store;
+    this._retryManager = store ? new RetryManager(store) : null;
+  }
+
   private _hass: HomeAssistant | null = null;
   private _topology: PanelTopology | null = null;
   private _config: CardConfig | null = null;
@@ -156,8 +169,14 @@ export class DashboardController {
         await this.graphSettingsCache.fetch(this._hass!, this._configEntryId);
         this.buildHorizonMaps(this.graphSettingsCache.settings);
       }
-    } catch {
-      // Graph settings unavailable -- use defaults
+    } catch (err) {
+      console.warn("SPAN Panel: graph settings fetch failed", err);
+      this._errorStore?.add({
+        key: "fetch:graph_settings",
+        level: "warning",
+        message: t("error.graph_settings_failed"),
+        persistent: false,
+      });
     }
   }
 
@@ -314,8 +333,14 @@ export class DashboardController {
         }
       }
       this.updateDOM(root);
-    } catch {
-      // Will refresh on next interval
+    } catch (err) {
+      console.warn("SPAN Panel: history refresh failed", err);
+      this._errorStore?.add({
+        key: "fetch:history",
+        level: "warning",
+        message: t("error.history_failed"),
+        persistent: false,
+      });
     }
   }
 
@@ -367,9 +392,27 @@ export class DashboardController {
       return;
     }
     const service = switchState.state === "on" ? "turn_off" : "turn_on";
-    this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
-      console.error("SPAN Panel: switch service call failed:", err);
-    });
+    if (this._retryManager) {
+      this._retryManager
+        .callService(
+          this._hass,
+          "switch",
+          service,
+          {},
+          { entity_id: switchEntity },
+          {
+            errorId: "service:relay",
+            errorMessage: t("error.relay_failed"),
+          }
+        )
+        .catch(err => {
+          console.warn("SPAN Panel: switch service call failed", err);
+        });
+    } else {
+      this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
+        console.error("SPAN Panel: switch service call failed:", err);
+      });
+    }
   }
 
   async onGearClick(event: Event, root: DOMRoot): Promise<void> {

From ee33cd0840f5a997faedacd2f6a9dc8af95e4b8b Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 21:55:29 -0700
Subject: [PATCH 62/97] feat: surface cache fetch and area resolver errors via
 ErrorStore

Add errorStore properties to MonitoringStatusCache, MonitoringStatusMultiCache,
GraphSettingsCache, and FavoritesCache so silent fetch failures now surface
transient warnings to the user. Update subscribeAreaUpdates to accept an
optional errorStore and report area registry update failures. Propagate
errorStore through DashboardController setter to all child caches. Wire
errorStore into FavoritesCache and subscribeAreaUpdates calls in
span-panel-card.ts and span-panel.ts.
---
 src/card/span-panel-card.ts      | 15 ++++++++++-----
 src/core/area-resolver.ts        | 14 +++++++++++++-
 src/core/dashboard-controller.ts |  3 +++
 src/core/favorites-store.ts      | 12 +++++++++++-
 src/core/graph-settings.ts       | 12 +++++++++++-
 src/core/monitoring-status.ts    | 24 +++++++++++++++++++++++-
 src/panel/span-panel.ts          | 29 ++++++++++++-----------------
 7 files changed, 83 insertions(+), 26 deletions(-)

diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 36767e2..0cd38d3 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -232,11 +232,16 @@ export class SpanPanelCard extends LitElement {
 
     // Subscribe to area changes
     if (this._topology) {
-      subscribeAreaUpdates(this.hass, this._topology, () => {
-        if (this._activeTab === "area" && this._discovered) {
-          this._populateCardContent();
-        }
-      })
+      subscribeAreaUpdates(
+        this.hass,
+        this._topology,
+        () => {
+          if (this._activeTab === "area" && this._discovered) {
+            this._populateCardContent();
+          }
+        },
+        this._errorStore
+      )
         .then(unsub => {
           this._areaUnsub = unsub;
         })
diff --git a/src/core/area-resolver.ts b/src/core/area-resolver.ts
index 4d29349..5c3d28d 100644
--- a/src/core/area-resolver.ts
+++ b/src/core/area-resolver.ts
@@ -1,4 +1,5 @@
 import type { HomeAssistant, PanelTopology } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 interface AreaRegistryEntry {
   area_id: string;
@@ -89,7 +90,12 @@ export async function resolveAndAssignAreas(hass: HomeAssistant, topology: Panel
  *
  * Returns an unsubscribe function that tears down both listeners.
  */
-export async function subscribeAreaUpdates(hass: HomeAssistant, topology: PanelTopology, callback: () => void): Promise<() => void> {
+export async function subscribeAreaUpdates(
+  hass: HomeAssistant,
+  topology: PanelTopology,
+  callback: () => void,
+  errorStore?: ErrorStore | null
+): Promise<() => void> {
   if (!hass.connection) {
     return () => {};
   }
@@ -113,6 +119,12 @@ export async function subscribeAreaUpdates(hass: HomeAssistant, topology: PanelT
       }
     } catch (err) {
       console.warn("[span-panel] area registry update failed:", err);
+      errorStore?.add({
+        key: "fetch:areas",
+        level: "warning",
+        message: "Unable to update area assignments",
+        persistent: false,
+      });
     }
   };
 
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 54a151e..e976711 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -46,6 +46,9 @@ export class DashboardController {
   set errorStore(store: ErrorStore | null) {
     this._errorStore = store;
     this._retryManager = store ? new RetryManager(store) : null;
+    this.monitoringCache.errorStore = store;
+    this.graphSettingsCache.errorStore = store;
+    this.monitoringMultiCache.errorStore = store;
   }
 
   private _hass: HomeAssistant | null = null;
diff --git a/src/core/favorites-store.ts b/src/core/favorites-store.ts
index 5241756..87f5c34 100644
--- a/src/core/favorites-store.ts
+++ b/src/core/favorites-store.ts
@@ -1,6 +1,8 @@
 // src/core/favorites-store.ts
 import { INTEGRATION_DOMAIN } from "../constants.js";
+import { t } from "../i18n.js";
 import type { FavoritesMap, HomeAssistant } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 const FAVORITES_POLL_INTERVAL_MS = 30_000;
 
@@ -75,6 +77,7 @@ export class FavoritesCache {
   private _map: FavoritesMap | null;
   private _lastFetch: number;
   private _inflight: Promise<FavoritesMap> | null;
+  errorStore: ErrorStore | null = null;
 
   constructor() {
     this._map = null;
@@ -95,7 +98,14 @@ export class FavoritesCache {
         this._map = map;
         this._lastFetch = Date.now();
         return map;
-      } catch {
+      } catch (err) {
+        console.warn("SPAN Panel: favorites fetch failed", err);
+        this.errorStore?.add({
+          key: "fetch:favorites",
+          level: "warning",
+          message: t("error.favorites_fetch_failed"),
+          persistent: false,
+        });
         return this._map ?? {};
       } finally {
         this._inflight = null;
diff --git a/src/core/graph-settings.ts b/src/core/graph-settings.ts
index b347158..0db958f 100644
--- a/src/core/graph-settings.ts
+++ b/src/core/graph-settings.ts
@@ -1,6 +1,8 @@
 // src/core/graph-settings.ts
 import { INTEGRATION_DOMAIN, DEFAULT_GRAPH_HORIZON } from "../constants.js";
+import { t } from "../i18n.js";
 import type { HomeAssistant, GraphSettings } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 const GRAPH_SETTINGS_POLL_INTERVAL_MS = 30_000;
 
@@ -16,6 +18,7 @@ export class GraphSettingsCache {
   private _settings: GraphSettings | null;
   private _lastFetch: number;
   private _fetching: boolean;
+  errorStore: ErrorStore | null = null;
 
   constructor() {
     this._settings = null;
@@ -46,8 +49,15 @@ export class GraphSettingsCache {
       });
       this._settings = resp?.response ?? null;
       this._lastFetch = now;
-    } catch {
+    } catch (err) {
+      console.warn("SPAN Panel: graph settings fetch failed", err);
       this._settings = null;
+      this.errorStore?.add({
+        key: "fetch:graph_settings",
+        level: "warning",
+        message: t("error.graph_settings_failed"),
+        persistent: false,
+      });
     } finally {
       this._fetching = false;
     }
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index a69da88..3855286 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -1,6 +1,7 @@
 import { INTEGRATION_DOMAIN } from "../constants.js";
 import { t } from "../i18n.js";
 import type { HomeAssistant, MonitoringPointInfo, MonitoringStatus } from "../types.js";
+import type { ErrorStore } from "./error-store.js";
 
 const MONITORING_POLL_INTERVAL_MS = 30_000;
 
@@ -16,6 +17,7 @@ export class MonitoringStatusCache {
   private _status: MonitoringStatus | null = null;
   private _lastFetch: number = 0;
   private _fetching: boolean = false;
+  errorStore: ErrorStore | null = null;
 
   /**
    * Fetch monitoring status, returning cached data if recent.
@@ -40,8 +42,15 @@ export class MonitoringStatusCache {
       });
       this._status = resp?.response ?? null;
       this._lastFetch = now;
-    } catch {
+    } catch (err) {
+      console.warn("SPAN Panel: monitoring status fetch failed", err);
       this._status = null;
+      this.errorStore?.add({
+        key: "fetch:monitoring",
+        level: "warning",
+        message: t("error.monitoring_failed"),
+        persistent: false,
+      });
     } finally {
       this._fetching = false;
     }
@@ -72,12 +81,25 @@ export class MonitoringStatusCache {
  */
 export class MonitoringStatusMultiCache {
   private _caches = new Map<string, MonitoringStatusCache>();
+  private _errorStore: ErrorStore | null = null;
+
+  get errorStore(): ErrorStore | null {
+    return this._errorStore;
+  }
+
+  set errorStore(store: ErrorStore | null) {
+    this._errorStore = store;
+    for (const cache of this._caches.values()) {
+      cache.errorStore = store;
+    }
+  }
 
   /** Fetch monitoring status for a single entry, honoring the TTL. */
   async fetchOne(hass: HomeAssistant, entryId: string): Promise<MonitoringStatus | null> {
     let cache = this._caches.get(entryId);
     if (!cache) {
       cache = new MonitoringStatusCache();
+      cache.errorStore = this._errorStore;
       this._caches.set(entryId, cache);
     }
     return cache.fetch(hass, entryId);
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index e776785..74d086e 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -200,6 +200,7 @@ export class SpanPanelElement extends LitElement {
 
     this._dashboardTab.errorStore = this._errorStore;
     this._listDashCtrl.errorStore = this._errorStore;
+    this._favCache.errorStore = this._errorStore;
 
     this._onVisibilityChange = (): void => {
       if (document.visibilityState !== "visible" || !this._discovered || !this.hass) return;
@@ -661,18 +662,7 @@ export class SpanPanelElement extends LitElement {
 
   private async _loadFavorites(): Promise<FavoritesMap> {
     if (!this.hass) return {};
-    try {
-      return await this._favCache.fetch(this.hass);
-    } catch (err) {
-      console.warn("SPAN Panel: favorites fetch failed", err);
-      this._errorStore.add({
-        key: "fetch:favorites",
-        level: "warning",
-        message: t("error.favorites_fetch_failed"),
-        persistent: false,
-      });
-      return {};
-    }
+    return this._favCache.fetch(this.hass);
   }
 
   /**
@@ -928,11 +918,16 @@ export class SpanPanelElement extends LitElement {
           this._listDashCtrl.startIntervals(container);
 
           if (!this._areaUnsub) {
-            subscribeAreaUpdates(this.hass, result.topology!, () => {
-              if (this._activeTab === "area") {
-                this._scheduleTabRender();
-              }
-            })
+            subscribeAreaUpdates(
+              this.hass,
+              result.topology!,
+              () => {
+                if (this._activeTab === "area") {
+                  this._scheduleTabRender();
+                }
+              },
+              this._errorStore
+            )
               .then(unsub => {
                 this._areaUnsub = unsub;
               })

From 6c49abce72a3155284fb03517e9176a15aaf7ed1 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:00:39 -0700
Subject: [PATCH 63/97] feat: surface tab-monitoring service errors via
 ErrorStore

Replace silent .catch(() => {}) patterns in _bindToggleAll with
console.warn diagnostics and ErrorStore dispatches. Add public
errorStore property to MonitoringTab and wire it from span-panel.ts
for both the singleton tab and lazily-created favorites monitoring tabs.
---
 src/panel/span-panel.ts     |  2 ++
 src/panel/tab-monitoring.ts | 22 ++++++++++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 74d086e..3ad32c7 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -201,6 +201,7 @@ export class SpanPanelElement extends LitElement {
     this._dashboardTab.errorStore = this._errorStore;
     this._listDashCtrl.errorStore = this._errorStore;
     this._favCache.errorStore = this._errorStore;
+    this._monitoringTab.errorStore = this._errorStore;
 
     this._onVisibilityChange = (): void => {
       if (document.visibilityState !== "visible" || !this._discovered || !this.hass) return;
@@ -1071,6 +1072,7 @@ export class SpanPanelElement extends LitElement {
       wrapper.appendChild(block);
 
       const tab = new MonitoringTab();
+      tab.errorStore = this._errorStore;
       tabs.set(entryId, tab);
       try {
         await tab.render(body, this.hass, entryId);
diff --git a/src/panel/tab-monitoring.ts b/src/panel/tab-monitoring.ts
index 817217d..922091c 100644
--- a/src/panel/tab-monitoring.ts
+++ b/src/panel/tab-monitoring.ts
@@ -1,6 +1,7 @@
 import { INTEGRATION_DOMAIN, INPUT_DEBOUNCE_MS, THRESHOLD_DEBOUNCE_MS } from "../constants.js";
 import { escapeHtml } from "../helpers/sanitize.js";
 import { t } from "../i18n.js";
+import type { ErrorStore } from "../core/error-store.js";
 import type { HomeAssistant, MonitoringPointInfo, MonitoringStatusResponse, CallServiceResponse } from "../types.js";
 
 const FIELD_STYLE = `
@@ -42,6 +43,7 @@ function thresholdCell(entityId: string, field: string, value: number | undefine
 }
 
 export class MonitoringTab {
+  errorStore: ErrorStore | null = null;
   private _debounceTimer: ReturnType<typeof setTimeout> | null;
   private _configEntryId: string | null;
   private _notifyCloseHandler: ((e: MouseEvent) => void) | null;
@@ -666,7 +668,15 @@ export class MonitoringTab {
               service: "set_circuit_threshold",
               service_data: this._serviceData({ circuit_id: entityId, monitoring_enabled: enabled }),
             })
-            .catch(() => {})
+            .catch(err => {
+              console.warn("SPAN Panel: circuit monitoring toggle failed", err);
+              this.errorStore?.add({
+                key: "service:monitoring",
+                level: "error",
+                message: t("error.threshold_failed"),
+                persistent: false,
+              });
+            })
         ),
         ...Object.keys(mains).map(entityId =>
           hass
@@ -676,7 +686,15 @@ export class MonitoringTab {
               service: "set_mains_threshold",
               service_data: this._serviceData({ leg: entityId, monitoring_enabled: enabled }),
             })
-            .catch(() => {})
+            .catch(err => {
+              console.warn("SPAN Panel: mains monitoring toggle failed", err);
+              this.errorStore?.add({
+                key: "service:monitoring",
+                level: "error",
+                message: t("error.threshold_failed"),
+                persistent: false,
+              });
+            })
         ),
       ];
       await Promise.all(calls);

From 3b664809fab43120a6e79f76155ae3924e5a6db0 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:12:42 -0700
Subject: [PATCH 64/97] fix: panel-switch race and localize area-resolver error

Capture targetPanelId before the await in _updatePanelStatusWatch and
compare against _selectedPanelId after the fetch, so a panel switch
during a slow topology call correctly supersedes the stale result.

Add error.areas_failed i18n key across all 5 locales and replace the
hardcoded English string in area-resolver with t("error.areas_failed").
---
 dist/span-panel-card.js   |  92 ++++++++++++++++++++++------
 dist/span-panel.js        | 122 ++++++++++++++++++++++++++++----------
 src/core/area-resolver.ts |   3 +-
 src/i18n.ts               |   5 ++
 src/panel/span-panel.ts   |   8 ++-
 5 files changed, 175 insertions(+), 55 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index f957f3d..a07a25d 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,42 +1,103 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",c="CLOSED",l="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"SPAN Panel '{name}' unreachable","error.discovery_failed":"Unable to connect to SPAN Panel","error.service_failed":"Action failed","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inaccesible","error.discovery_failed":"No se puede conectar al SPAN Panel","error.service_failed":"Acción fallida","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"SPAN Panel '{name}' inaccessible","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.service_failed":"Action échouée","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"SPANパネル '{name}' に接続できません","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.service_failed":"操作に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inacessível","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.service_failed":"Ação falhou","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),$=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:E,defineProperty:z,getOwnPropertyDescriptor:k,getOwnPropertyNames:A,getOwnPropertySymbols:M,getPrototypeOf:P}=Object,L=globalThis,N=L.trustedTypes,D=N?N.emptyScript:"",I=L.reactiveElementPolyfillSupport,H=(e,t)=>e,T={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},R=(e,t)=>!E(e,t),F={attribute:!0,type:String,converter:T,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),$=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:E,defineProperty:k,getOwnPropertyDescriptor:z,getOwnPropertyNames:P,getOwnPropertySymbols:A,getPrototypeOf:N}=Object,M=globalThis,L=M.trustedTypes,I=L?L.emptyScript:"",D=M.reactiveElementPolyfillSupport,T=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?I:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},O=(e,t)=>!E(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&z(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...M(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:T).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:T;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??R)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[H("elementProperties")]=new Map,O[H("finalized")]=new Map,I?.({ReactiveElement:O}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),M.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&k(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const e=N(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const e=this.properties,t=[...P(e),...A(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??O)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[T("elementProperties")]=new Map,F[T("finalized")]=new Map,D?.({ReactiveElement:F}),(M.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+B,Q=`<${V}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,ae=/^(?:script|style|textarea|title)$/i,re=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),ce=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=ee;for(let t=0;t<i;t++){const i=e[t];let r,c,l=-1,d=0;for(;d<i.length&&(a.lastIndex=d,c=a.exec(i),null!==c);)d=a.lastIndex,a===ee?"!--"===c[1]?a=te:void 0!==c[1]?a=ie:void 0!==c[2]?(ae.test(c[2])&&(s=RegExp("</"+c[2],"g")),a=ne):void 0!==c[3]&&(a=ne):a===ne?">"===c[0]?(a=s??ee,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,r=c[1],a=void 0===c[3]?ne:'"'===c[3]?oe:se):a===oe||a===se?a=ne:a===te||a===ie?a=ee:(a=ne,s=void 0);const h=a===ne&&e[t+1].startsWith("/>")?" ":"";o+=a===ee?i+Q:l>=0?(n.push(r),i.slice(0,l)+G+i.slice(l)+B+h):i+B+(-2===l?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[c,l]=ue(e,t);if(this.el=ge.createElement(c,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&r.length<a;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(G)){const t=l[o++],i=n.getAttribute(e).split(B),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:i,ctor:"."===a[1]?be:"?"===a[1]?ye:"@"===a[1]?we:ve}),n.removeAttribute(e)}else e.startsWith(B)&&(r.push({type:6,index:s}),n.removeAttribute(e));if(ae.test(n.tagName)){const e=n.textContent.split(B),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),r.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===V)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(B,e+1));)r.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===ce)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,a=0,r=i[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new me(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new xe(s,this,e)),this._$AV.push(t),r=i[++a]}o!==r?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=le,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===le||null==e||""===e?(this._$AH!==le&&this._$AR(),this._$AH=le):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==le&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new me(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=le,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=le}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const n=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=_e(this,n[i+a],t,a),r===ce&&(r=this._$AH[a]),o||=!K(r)||r!==this._$AH[a],r===le?e=le:e!==le&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!n&&this.j(e)}j(e){e===le?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===le?void 0:e}}class ye extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==le)}}class we extends ve{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??le)===ce)return;const i=this._$AH,n=e===le&&i!==le||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==le&&(i===le||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=j.litHtmlPolyfillSupport;Se?.(ge,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
+const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,B="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,Q=`<${V}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+B+i.slice(c)+G+h):i+G+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(B)){const t=c[o++],i=n.getAttribute(e).split(G),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:ve}),n.removeAttribute(e)}else e.startsWith(G)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(G),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===V)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(G,e+1));)a.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new me(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends ve{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=j.litHtmlPolyfillSupport;Se?.(ge,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class $e extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}$e._$litElement$=!0,$e.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:$e});const Ee=Ce.litElementPolyfillSupport;Ee?.({LitElement:$e}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */class $e extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}}$e._$litElement$=!0,$e.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:$e});const Ee=Ce.litElementPolyfillSupport;Ee?.({LitElement:$e}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Pe=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return(t,i)=>"object"==typeof i?ke(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
+ */function Ae(e){return(t,i)=>"object"==typeof i?Pe(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}const Pe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Pe[e]??e)}const Ne="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ne);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Ie(e){try{localStorage.setItem(Ne,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),a=Le(e.firmware||""),r="current"===(t.chart_metric||"power"),c=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${c?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,r=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,l=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Te=g.power;function Re(e){return Te.unit(e)}function Fe(e){return(e<0?"-":"")+Te.format(e)}function Oe(e){return(Math.abs(e)/1e3).toFixed(1)}function je(e){return Math.ceil(e/2)}function qe(e){return e%2==0?1:0}function Ue(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return je(t)===je(i)?"row-span":qe(t)===qe(i)?"col-span":"row-span"}function We(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return We(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Be{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Ve{constructor(){this._caches=new Map}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Be,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Qe(e,t){return e?.circuits?e.circuits[t]??null:null}function Je(e){return!!e&&void 0!==e.continuous_threshold_pct}function Xe(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ke(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Je(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ze(e,t,i,s,o,a,r,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===l||_<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=We(r);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?a.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const z=h||"unknown";let k="";if("unknown"!==z){const e=f[z]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};k=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&Je(d)?m:"#555",M=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let P="";if(null!=d?.utilization_pct){const e=d.utilization_pct;P=`<span class="utilization ${Xe(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ke(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${P}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${k}\n        ${M}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function Ye(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const et={names:["power","battery power"],suffixes:["_power"]},tt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},it={names:["state of energy"],suffixes:["_soe_kwh"]},nt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function st(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function ot(e){return st(e,et)}function at(e){return st(e,tt)}function rt(e){return st(e,it)}function ct(e){return st(e,nt)}function lt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,a]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const r=t.states[i];if(!r)continue;let c=a.original_name||r.attributes.friendly_name||i;const l=e.name||"";let d;if(c.startsWith(l+" ")&&(c=c.slice(l.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(c)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function dt(e,t,i,s,o,a){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ht(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function pt(e){const t=a[e];return t?t.ms:a[o].ms}function ut(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function gt(e){return Math.max(500,Math.floor(e/5e3))}function _t(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:n,value:i});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function ft(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function mt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=n/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=ut(n),c=gt(n);for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,ft(t,r,c))}}}function bt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:ot(n)};n.type===d&&(e.soc=at(n),e.soe=rt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function yt(e,t,i,n,s,o){if(!t||!e)return;const a=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?pt(s.get(e)):ht(i),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of bt(t)){let t;t=o&&o.has(s)?pt(o.get(s)):ht(i),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,n)}const r=[];for(const[t,i]of a){if(0===i.entityIds.length)continue;t>2592e5?r.push(mt(e,i.entityIds,i.uuidByEntity,t,n)):r.push(vt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(r)}function wt(e,t,i,n,o,a,r,c,l){const{options:d,series:h}=function(e,t,i,n,o,a=!1){i||(i=g[s]);const r=n?"140, 160, 220":"77, 217, 175",c=`rgb(${r})`,l=Date.now(),d=l-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:c},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:c}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[l,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[l,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:l,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,a,c,l),p=r??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function xt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function St(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}a&&(a.textContent=Oe(e)),r&&(r.textContent="kW")}const c=e.querySelector(".stat-upstream .stat-value"),l=e.querySelector(".stat-upstream .stat-unit");if(c){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;c.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",l&&(l.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;c.textContent=Oe(e),l&&(l.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=Oe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=Oe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Ct{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function $t(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Et(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class zt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Be,this.monitoringMultiCache=new Ve,this.graphSettingsCache=new Ct,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,$t(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Et(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,$t(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Et(n,s))}}async loadHistory(){await yt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!a[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const r=this._hass.states[s];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(n),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,t,c,e,p,d)}for(const{entityId:t,key:i,devId:n}of bt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!a[s]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const c=parseFloat(r.state);if(isNaN(c))continue;const l=pt(s),d=ut(l),h=gt(l),p=e-l,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||_t(this.powerHistory,i,c,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)a[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const n=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of bt(this._topology))i.has(t)&&n.add(e);const s=new Map;try{await yt(this._hass,this._topology,this._config,s,t,i);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of n){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,a){if(!e||!i||!t)return;const r=ht(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}St(e,t,i,s,d);const h=We(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${xt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===l||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===c,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const z=i.querySelector(".shedding-label");z&&(C.textLabel?(z.textContent=C.textLabel,z.style.color=C.color,z.style.display=""):z.style.display="none");const k=i.querySelector(".chart-container");if(k){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,c=a?.has(s)?pt(a.get(s)):r,p=d.device_type===l;wt(k,t,e,c,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const a=ht(n);for(const[n,r]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${xt(n)}"]`);if(!i)continue;const c=ot(r);if(c){const e=t.states[c],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const l=i.querySelectorAll("[data-chart-key]");for(const e of l){const i=e.dataset.chartKey;if(!i)continue;const r=s.get(i)||[];let c=_.power;i.endsWith("_soc")?c=_.soc:i.endsWith("_soe")&&(c=_.soe);const l=!!e.closest(".bess-chart-col");wt(e,t,r,o?.has(n)?pt(o.get(n)):a,c,!1,l?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const n=i.querySelector(`[data-eid="${xt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,n=i?.closest(".toggle-pill");if(!n)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=n.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const c=r.entities?.switch;if(!c)return;const l=this._hass.states[c];if(!l)return void console.warn("SPAN Panel: switch entity not found:",c);const d="on"===l.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=n.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,i=t&&"circuit"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r,c;t?[r,c]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),r=this.graphSettingsCache.settings,c=this.monitoringCache.status);const l=e.entities?.current??e.entities?.power,d=l?c?.circuits?.[l]??null:null,h=r?.global_horizon??o,p=r?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const r=n.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,i=t&&"sub_device"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),a=this.graphSettingsCache.settings);const c=a?.global_horizon??o,l=a?.sub_devices?.[i],d=l?{...l,globalHorizon:c}:{horizon:c,has_override:!1,globalHorizon:c},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,a=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},c=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));i.style.left=t+"px"},l=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/a>=.9?(i.style.left=a+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>c(e.clientX)),e.addEventListener("mouseup",l),e.addEventListener("mouseleave",l),i.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>c(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",l),e.addEventListener("touchcancel",l),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function kt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function At(e,t,i,s,o,a,r){const l=t.entities?.power,d=l?i.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=We(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=a||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Xe(o)}">${Math.round(e)}%</span>`}const E=!!o&&Je(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,k=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${r?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${k}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${r?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,a=o?i.states[o]:null,r=a&&parseFloat(a.state)||0,d=t.device_type===l||r<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ke(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===c,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Pt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Lt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,a=o?t.states[o]:null,r=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;l=n?Math.abs(parseFloat(n.state)||0):0}else l=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:r,value:l}}function Nt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Dt(e,t,i,n){const s=Lt(e,i,n),o=Lt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function It(e,t,i){return e.sort((e,n)=>Dt(e[1],n[1],t,i))}function Ht(e){return e.entities?.current??e.entities?.power??""}class Tt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const a=It(Object.entries(i.circuits),t,n);let r=o+kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of a){const o=Qe(s,Ht(i)),a=Nt(i,t),c=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,r+=At(e,i,t,n,o,a,c),c&&(r+=Mt(e,i,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const c=e.querySelector("span-side-panel");c&&(c.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),c=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??r,n=c.get(i);n?n.push([e,t]):c.set(i,[[e,t]])}const l=[...c.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of l){const i=c.get(e);if(!i)continue;const n=It(i,t,s);d+=Pt(e);for(const[e,i]of n){const n=Qe(o,Ht(i)),a=Nt(i,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=At(e,i,t,s,n,a,r),r&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=We(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const c=i.circuits[r];if(!c)continue;const{isOn:l,value:d}=Lt(c,t,s),h=e.querySelector(".list-power-value");if(h)if(l)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=c.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",l),p.classList.toggle("toggle-off",!l);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(l?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=l?"ON":"OFF",u.classList.toggle("list-status-on",l),u.classList.toggle("list-status-off",!l)),e.classList.toggle("circuit-off",!l)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Dt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=xt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Qe(this._monitoringStatus,Ht(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Rt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const a=new Map;for(const e of n)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let c;if(t.device_id){const e=r.get(t.device_id);e&&(c=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=a.get(i);if(e){t=o.get(e);break}}t||(t=c),e.area=t}}function Ft(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ot(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const jt="favorites-changed";async function qt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}const Ut=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Wt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",s.appendChild(r);const c=t.graphSettings,l=t.topology,d=c?.global_horizon??o,h=c?.circuits??{};s.appendChild(this._buildListColumnsSection());const p=document.createElement("div");p.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),p.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const m=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),m.appendChild(t)}if(m.addEventListener("change",()=>{const e={horizon:m.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(m),p.appendChild(_),s.appendChild(p),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const c=h[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(p),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{p.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=c?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const c=v[i]||{horizon:d,has_override:!1},l=c.has_override?c.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===l&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),o.appendChild(h),c.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Ie(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await qt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await qt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(jt)),i?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",n.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(a),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,c=this._hass?.states?.[r]?.state;"on"===c&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,c=this._hass?.states?.[r]?.state||"";for(const e of Ut){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===c&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const r=t.graphHorizonInfo,c=!0===r?.has_override,l=r?.horizon||o,d=r?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=c?l:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,c=null!=r&&!1!==r.monitoring_enabled;c&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const l=document.createElement("div");l.dataset.role="monitoring-details",l.style.display=c?"block":"none",i.appendChild(l);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,l.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),l.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;l.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,c=!1){const l=document.createElement("div");l.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,c&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(p),h.appendChild(g),c||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),l.appendChild(d),l.appendChild(h),l}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Wt)}catch{}const Gt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Bt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._discoveryError=null,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new zt,this._listCtrl=new Tt(this._ctrl),this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),super.disconnectedCallback()}setConfig(e){this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._discoveryError=null,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e)}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){return i(this.hass?.language),this._config.device_id?this._discovered?re`
+ */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ve{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this.errorStore=null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this.errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Qe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Ve,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Je(e,t){return e?.circuits?e.circuits[t]??null:null}function Xe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ke(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ze(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Xe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ye(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Xe(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ke(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ze(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function et(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const tt={names:["power","battery power"],suffixes:["_power"]},it={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},nt={names:["state of energy"],suffixes:["_soe_kwh"]},st={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ot(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function rt(e){return ot(e,tt)}function at(e){return ot(e,it)}function lt(e){return ot(e,nt)}function ct(e){return ot(e,st)}function dt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ht(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function pt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ut(e){const t=r[e];return t?t.ms:r[o].ms}function gt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function _t(e){return Math.max(500,Math.floor(e/5e3))}function ft(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function mt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function bt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=gt(n),l=_t(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,mt(t,a,l))}}}function yt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:rt(n)};n.type===d&&(e.soc=at(n),e.soe=lt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function wt(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ut(s.get(e)):pt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of yt(t)){let t;t=o&&o.has(s)?ut(o.get(s)):pt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(vt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(bt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function xt(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function St(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ct(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class $t{constructor(){this.errorStore=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this.errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Et(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function kt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function zt(e){return new Promise(t=>setTimeout(t,e))}class Pt{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await zt(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ve,this.monitoringMultiCache=new Qe,this.graphSettingsCache=new $t,this._errorStore=null,this._retryManager=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retryManager=e?new Pt(e):null,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Et(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,kt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Et(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,kt(n,s))}}async loadHistory(){await wt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=ut(n),d=gt(c),h=_t(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ft(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of yt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=ut(s),d=gt(c),h=_t(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ft(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of yt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await wt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=pt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Ct(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${St(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?ut(r.get(s)):a,p=d.device_type===c;xt(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=pt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${St(n)}"]`);if(!i)continue;const l=rt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");xt(e,t,a,o?.has(n)?ut(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${St(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._retryManager?this._retryManager.callService(this._hass,"switch",h,{},{entity_id:c},{errorId:"service:relay",errorMessage:n("error.relay_failed")}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e)}):this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ke(o)}">${Math.round(e)}%</span>`}const E=!!o&&Xe(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ze(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Je(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Je(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=St(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Je(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+        <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
+          <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
+          <span class="message">${e.message}</span>
+          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:ce}
+        </div>
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};Jt.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new S(i,e,w)})`
+    :host {
+      display: block;
+    }
+    .banner-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      line-height: 1.4;
+    }
+    .banner-row + .banner-row {
+      border-top: 1px solid rgba(128, 128, 128, 0.2);
+    }
+    .banner-row.level-error {
+      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
+      color: var(--error-color, #db4437);
+    }
+    .banner-row.level-warning {
+      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
+      color: var(--warning-color, #ff9800);
+    }
+    .banner-row.level-info {
+      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
+      color: var(--info-color, #4285f4);
+    }
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      --mdc-icon-size: 18px;
+    }
+    .message {
+      flex: 1;
+      min-width: 0;
+    }
+    .retry-btn {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid currentColor;
+      border-radius: 4px;
+      color: inherit;
+      cursor: pointer;
+      font-size: 12px;
+      padding: 2px 8px;
+    }
+    .retry-btn:hover {
+      opacity: 0.8;
+    }
+  `,v([Ne()],Jt.prototype,"_errors",void 0),Jt=v([ke("span-error-banner")],Jt);const Xt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Kt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ft(this._ctrl),this._errorStore=new qt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(i(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
+        <ha-card>
+          <span-error-banner .store=${this._errorStore}></span-error-banner>
+          ${e?ce:ae`<div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.connecting"))}</div>`}
+        </ha-card>
+      `}return ae`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -44,19 +105,12 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
         @list-columns-changed=${this._onListColumnsChanged}
         @side-panel-closed=${this._onSidePanelClosed}
       >
+        <span-error-banner .store=${this._errorStore}></span-error-banner>
         <div id="card-tabs"></div>
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `:this._discoveryError?re`
-          <ha-card>
-            <div style="padding: 24px; color: var(--secondary-text-color);">${Le(this._discoveryError)}</div>
-          </ha-card>
-        `:re`
-        <ha-card>
-          <div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.loading"))}</div>
-        </ha-card>
-      `:this._renderPreview()}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering=!0,await this._discoverTopology(),this._discoveryError?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology&&async function(e,t,i){if(!e.connection)return()=>{};const n=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Rt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(n,"entity_registry_updated"),e.connection.subscribeEvents(n,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()}).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)}))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??Ft(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Ot((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await Rt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Ot(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const a=s.filter(e=>e.device_id===t),c=i.filter(e=>e.via_device_id===t),l=new Set(c.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&l.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...a,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let a;if(a=o.includes(":")?o.split(":").map(Number):[Number(o)],!a.every(Number.isFinite))continue;const r=t.unique_id.split("_");let c=null;for(let e=2;e<r.length-1;e++){const t=r[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){c=t;break}}if(!c)continue;let l=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(l.endsWith(e)){l=l.slice(0,-e.length);break}p&&l.startsWith(p+" ")&&(l=l.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===a.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[c]={tabs:a,name:l,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===r&&(u=e[1]);let g=0;for(const t of a){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Ft(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of c){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),a=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":a?"evse":"unknown",entities:r}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await Rt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._discoveryError=e.message}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),a=function(e,t,i,n,s){const o=new Map,a=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":Ue(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)a.add(t)}const r=new Set,c=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=je(Math.max(...i));0===qe(e)?r.add(n):c.add(n)}function l(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Qe(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=l(h);d+=Ze(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=Ye(e,"2"));else{const{monInfo:t,sheddingPriority:s}=l(h);d+=Ze(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!c.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=Ye(e,"3"));else{const{monInfo:t,sheddingPriority:s}=l(p);d+=Ze(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),r=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===h).length;let c=0,l="";for(const[e,s]of a){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),a=ot(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?at(s):null,m=g?rt(s):null,v=g?ct(s):null,b=lt(s,t,i,new Set([a,f,m,v].filter(e=>null!==e))),y=dt(e,0,g,a,f,m);let w="";g?w="sub-device-bess":_&&(c++,c===r&&r%2==1&&(w="sub-device-full")),l+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return l}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${r?`<div class="sub-devices">${r}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${a}</div>`:""}\n      `;const c=e.querySelector(".slide-confirm");if(c){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(c,e),e&&e.classList.add("switches-disabled")}const l=this.shadowRoot.querySelector("span-side-panel");l&&(l.hass=this.hass),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Gt.map(e=>re`
+    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,n){if(!e.connection)return()=>{};const s=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),n?.add({key:"fetch:areas",level:"warning",message:"Unable to update area assignments",persistent:!1})}},[o,r]=await Promise.all([e.connection.subscribeEvents(s,"entity_registry_updated"),e.connection.subscribeEvents(s,"area_registry_updated")]);return()=>{o(),r()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??Ut(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Wt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await jt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Wt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const r=s.filter(e=>e.device_id===t),l=i.filter(e=>e.via_device_id===t),c=new Set(l.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&c.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...r,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}p&&c.startsWith(p+" ")&&(c=c.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===r.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[l]={tabs:r,name:c,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===a&&(u=e[1]);let g=0;for(const t of r){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Ut(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of l){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),r=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),a={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;a[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":r?"evse":"unknown",entities:a}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await jt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Je(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=Ye(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=et(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=Ye(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=et(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=Ye(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=rt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?at(s):null,m=g?lt(s):null,v=g?ct(s):null,b=dt(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=ht(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Xt.map(e=>ae`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -68,7 +122,7 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
             <path d="${e.path}" fill="none" stroke="var(--primary-color,#4dd9af)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
           </svg>
         </div>
-      `);return re`
+      `);return ae`
       <ha-card>
         <div style="padding: 16px;">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
@@ -79,4 +133,4 @@ const ze={attribute:!0,type:String,converter:T,reflect:!1,hasChanged:R},ke=(e=ze
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Bt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Bt.prototype,"hass",void 0),v([Me()],Bt.prototype,"_config",void 0),v([Me()],Bt.prototype,"_discovered",void 0),v([Me()],Bt.prototype,"_discovering",void 0),v([Me()],Bt.prototype,"_discoveryError",void 0),v([Me()],Bt.prototype,"_topology",void 0),v([Me()],Bt.prototype,"_activeTab",void 0),Bt=v([(e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel-card")],Bt);class Vt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===r)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===r)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.panel_label"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=document.createElement("option");if(c.value="",c.textContent=n("editor.select_panel"),r.appendChild(c),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,device_id:r.value},this._fireConfigChanged(),this._discoverAvailableRoles(r.value)}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._panelSelect=r}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_window"),a.style.cssText=i;const r=document.createElement("div");r.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const c=t+"width: 70px; cursor: text;",l=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=c;const a=document.createElement("span");return a.textContent=n,a.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(a),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=l(d,"0","30",n("editor.days")),g=l(h,"0","23",n("editor.hours")),_=l(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),r.appendChild(u.wrap),r.appendChild(g.wrap),r.appendChild(_.wrap),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.chart_metric"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t,r.addEventListener("change",()=>{this._config={...this._config,chart_metric:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._metricSelect=r}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const a=document.createElement("label");a.textContent=n("editor.tab_style"),a.style.cssText=i;const r=document.createElement("select");r.style.cssText=t;const c=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of c){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),r.appendChild(t)}r.addEventListener("change",()=>{this._config={...this._config,tab_style:r.value},this._fireConfigChanged()}),o.appendChild(a),o.appendChild(r),e.appendChild(o),this._tabStyleSelect=r}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const a=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of a){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const a=document.createElement("input");a.type="checkbox",a.checked=!0===t[n],a.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const r=document.createElement("span");let c=s.original_name??n;const l=i.name??"";c.startsWith(l+" ")&&(c=c.slice(l.length+1)),r.textContent=c,r.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(a),o.appendChild(r),e.appendChild(o),a.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};a.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${r}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Vt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Kt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Kt.prototype,"hass",void 0),v([Ne()],Kt.prototype,"_config",void 0),v([Ne()],Kt.prototype,"_discovered",void 0),v([Ne()],Kt.prototype,"_discovering",void 0),v([Ne()],Kt.prototype,"_topology",void 0),v([Ne()],Kt.prototype,"_activeTab",void 0),Kt=v([ke("span-panel-card")],Kt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===a)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===a)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.panel_label"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=n("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_window"),r.style.cssText=i;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=n,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",n("editor.days")),g=c(h,"0","23",n("editor.hours")),_=c(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_metric"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.tab_style"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[n],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??n;const c=i.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${a}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 2114ca6..411da29 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,52 +1,128 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.relay_failed":"Relay toggle failed:","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.shedding_failed":"Shedding update failed:","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.monitoring_toggle_failed":"Monitoring toggle failed:","sidepanel.clear_monitoring_failed":"Clear monitoring failed:","sidepanel.save_threshold_failed":"Save threshold failed:","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","sidepanel.favorite_failed":"Favorite update failed:","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.relay_failed":"Error al cambiar relé:","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.shedding_failed":"Error al actualizar desconexción:","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.monitoring_toggle_failed":"Error al cambiar monitoreo:","sidepanel.clear_monitoring_failed":"Error al limpiar monitoreo:","sidepanel.save_threshold_failed":"Error al guardar umbral:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","sidepanel.favorite_failed":"Error al actualizar favoritos:","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.relay_failed":"Échec du basculement du relais :","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.shedding_failed":"Échec de la mise à jour du délestage :","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.monitoring_toggle_failed":"Échec du basculement de surveillance :","sidepanel.clear_monitoring_failed":"Échec de l'effacement de surveillance :","sidepanel.save_threshold_failed":"Échec de la sauvegarde du seuil :","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","sidepanel.favorite_failed":"Échec de la mise à jour du favori :","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.relay_failed":"リレー切り替え失敗:","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.shedding_failed":"シェディング更新失敗:","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.monitoring_toggle_failed":"モニタリング切り替え失敗:","sidepanel.clear_monitoring_failed":"モニタリングクリア失敗:","sidepanel.save_threshold_failed":"しきい値保存失敗:","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","sidepanel.favorite_failed":"お気に入りの更新に失敗:","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","sidepanel.graph_horizon_failed":"Graph horizon update failed:","sidepanel.clear_graph_horizon_failed":"Clear graph horizon failed:","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.relay_failed":"Falha ao alternar relé:","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.shedding_failed":"Falha ao atualizar desligamento:","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.monitoring_toggle_failed":"Falha ao alternar monitoramento:","sidepanel.clear_monitoring_failed":"Falha ao limpar monitoramento:","sidepanel.save_threshold_failed":"Falha ao salvar limite:","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","sidepanel.favorite_failed":"Falha ao atualizar favorito:","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",r="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,n,a):s(t,n))||a);return o>3&&a&&Object.defineProperty(t,n,a),a}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"SPAN Panel '{name}' unreachable","error.discovery_failed":"Unable to connect to SPAN Panel","error.service_failed":"Action failed","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inaccesible","error.discovery_failed":"No se puede conectar al SPAN Panel","error.service_failed":"Acción fallida","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"SPAN Panel '{name}' inaccessible","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.service_failed":"Action échouée","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"SPANパネル '{name}' に接続できません","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.service_failed":"操作に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inacessível","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.service_failed":"Ação falhou","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",a="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new x("string"==typeof e?e:e+"",void 0,y),S=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:C,defineProperty:E,getOwnPropertyDescriptor:k,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:P}=Object,M=globalThis,T=M.trustedTypes,I=T?T.emptyScript:"",D=M.reactiveElementPolyfillSupport,N=(e,t)=>e,L={toAttribute(e,t){switch(t){case Boolean:e=e?I:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},F=(e,t)=>!C(e,t),H={attribute:!0,type:String,converter:L,reflect:!1,useDefault:!1,hasChanged:F};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const S=e=>new x("string"==typeof e?e:e+"",void 0,y),$=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)},C=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return S(t)})(e):e,{is:E,defineProperty:k,getOwnPropertyDescriptor:P,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:M}=Object,N=globalThis,I=N.trustedTypes,T=I?I.emptyScript:"",D=N.reactiveElementPolyfillSupport,L=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},H=(e,t)=>!E(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:H};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),M.litPropertyMetadata??=new WeakMap;let O=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=k(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(S(e))}else void 0!==e&&t.push(S(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:L).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:L;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??F)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[N("elementProperties")]=new Map,O[N("finalized")]=new Map,D?.({ReactiveElement:O}),(M.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;let R=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&k(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(C(e))}else void 0!==e&&t.push(C(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??H)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[L("elementProperties")]=new Map,R[L("finalized")]=new Map,D?.({ReactiveElement:R}),(N.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const R=globalThis,q=e=>e,j=R.trustedTypes,U=j?j.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,W="?"+V,B=`<${W}>`,Q=document,J=()=>Q.createComment(""),X=e=>null===e||"object"!=typeof e&&"function"!=typeof e,K=Array.isArray,Z="[ \t\n\f\r]",Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ee=/-->/g,te=/>/g,ne=RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ie=/'/g,se=/"/g,oe=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),re=Symbol.for("lit-noChange"),le=Symbol.for("lit-nothing"),ce=new WeakMap,de=Q.createTreeWalker(Q,129);function he(e,t){if(!K(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==U?U.createHTML(t):t}const pe=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",a=Y;for(let t=0;t<n;t++){const n=e[t];let r,l,c=-1,d=0;for(;d<n.length&&(a.lastIndex=d,l=a.exec(n),null!==l);)d=a.lastIndex,a===Y?"!--"===l[1]?a=ee:void 0!==l[1]?a=te:void 0!==l[2]?(oe.test(l[2])&&(s=RegExp("</"+l[2],"g")),a=ne):void 0!==l[3]&&(a=ne):a===ne?">"===l[0]?(a=s??Y,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,r=l[1],a=void 0===l[3]?ne:'"'===l[3]?se:ie):a===se||a===ie?a=ne:a===ee||a===te?a=Y:(a=ne,s=void 0);const h=a===ne&&e[t+1].startsWith("/>")?" ":"";o+=a===Y?n+B:c>=0?(i.push(r),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[he(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ue{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const a=e.length-1,r=this.parts,[l,c]=pe(e,t);if(this.el=ue.createElement(l,n),de.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=de.nextNode())&&r.length<a;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),a=/([.?@])?(.*)/.exec(t);r.push({type:1,index:s,name:a[2],strings:n,ctor:"."===a[1]?me:"?"===a[1]?be:"@"===a[1]?ye:ve}),i.removeAttribute(e)}else e.startsWith(V)&&(r.push({type:6,index:s}),i.removeAttribute(e));if(oe.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=j?j.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],J()),de.nextNode(),r.push({type:2,index:++s});i.append(e[t],J())}}}else if(8===i.nodeType)if(i.data===W)r.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)r.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=Q.createElement("template");return n.innerHTML=e,n}}function ge(e,t,n=e,i){if(t===re)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=X(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=ge(e,s._$AS(e,t.values),s,i)),t}class _e{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??Q).importNode(t,!0);de.currentNode=i;let s=de.nextNode(),o=0,a=0,r=n[0];for(;void 0!==r;){if(o===r.index){let t;2===r.type?t=new fe(s,s.nextSibling,this,e):1===r.type?t=new r.ctor(s,r.name,r.strings,this,e):6===r.type&&(t=new we(s,this,e)),this._$AV.push(t),r=n[++a]}o!==r?.index&&(s=de.nextNode(),o++)}return de.currentNode=Q,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class fe{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=le,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=ge(this,e,t),X(e)?e===le||null==e||""===e?(this._$AH!==le&&this._$AR(),this._$AH=le):e!==this._$AH&&e!==re&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>K(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==le&&X(this._$AH)?this._$AA.nextSibling.data=e:this.T(Q.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ue.createElement(he(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new _e(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=ce.get(e.strings);return void 0===t&&ce.set(e.strings,t=new ue(e)),t}k(e){K(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new fe(this.O(J()),this.O(J()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=le,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=le}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=ge(this,e,t,0),o=!X(e)||e!==this._$AH&&e!==re,o&&(this._$AH=e);else{const i=e;let a,r;for(e=s[0],a=0;a<s.length-1;a++)r=ge(this,i[n+a],t,a),r===re&&(r=this._$AH[a]),o||=!X(r)||r!==this._$AH[a],r===le?e=le:e!==le&&(e+=(r??"")+s[a+1]),this._$AH[a]=r}o&&!i&&this.j(e)}j(e){e===le?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class me extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===le?void 0:e}}class be extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==le)}}class ye extends ve{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=ge(this,e,t,0)??le)===re)return;const n=this._$AH,i=e===le&&n!==le||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==le&&(n===le||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class we{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){ge(this,e)}}const xe=R.litHtmlPolyfillSupport;xe?.(ue,fe),(R.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const q=globalThis,j=e=>e,U=q.trustedTypes,G=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",W=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+W,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ne=/>/g,ie=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ue=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ne:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ie):void 0!==l[3]&&(r=ie):r===ie?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ie:'"'===l[3]?oe:se):r===oe||r===se?r=ie:r===te||r===ne?r=ee:(r=ie,s=void 0);const h=r===ie&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?n+Q:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+W+h):n+W+(-2===c?t:h)}return[pe(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ge{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,n),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=he.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(W),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),i.removeAttribute(e)}else e.startsWith(W)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(re.test(i.tagName)){const e=i.textContent.split(W),t=e.length-1;if(t>0){i.textContent=U?U.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),he.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(W,e+1));)a.push({type:7,index:s}),e+=W.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function _e(e,t,n=e,i){if(t===le)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,i)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);he.currentNode=i;let s=he.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ge.createElement(pe(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new fe(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=ce}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,i[n+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const n=this._$AH,i=e===ce&&n!==ce||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==ce&&(n===ce||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let Se=class extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new fe(t.insertBefore(J(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return re}};Se._$litElement$=!0,Se.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Se});const Ce=$e.litElementPolyfillSupport;Ce?.({LitElement:Se}),($e.litElementVersions??=[]).push("4.2.2");
+ */let Ce=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new ve(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}};Ce._$litElement$=!0,Ce.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Ce});const Ee=$e.litElementPolyfillSupport;Ee?.({LitElement:Ce}),($e.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:H},ze=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function ze(e){return(t,n)=>"object"==typeof n?ke(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
+ */function Ae(e){return(t,n)=>"object"==typeof n?ze(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return ze({...e,state:!0,attribute:!1})}
+ */function Me(e){return Ae({...e,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Pe=2;class Me{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Ne=2;class Ie{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Te extends Me{constructor(e){if(super(e),this.it=le,e.type!==Pe)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===le||null==e)return this._t=void 0,this.it=e;if(e===re)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const Ie=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te),De={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ne(e){return String(e).replace(/[&<>"']/g,e=>De[e]??e)}const Le="span_panel_list_columns";function Fe(){try{const e=localStorage.getItem(Le);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(Le,String(e))}catch{}}const Oe="favorites-changed";async function Re(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class qe{constructor(){this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Re(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch{return this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function je(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ue=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Ge extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n  .error-msg {\n    color: var(--error-color, #f44336);\n    font-size: 0.8em;\n    padding: 8px;\n    margin: 8px 0;\n    background: rgba(244, 67, 54, 0.1);\n    border-radius: 4px;\n  }\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const a=document.createElement("div");a.className="panel-body";const r=document.createElement("div");r.className="error-msg",r.id="error-msg",r.style.display="none",a.appendChild(r);const l=t.graphSettings,c=t.topology,d=l?.global_horizon??s,h=l?.circuits??{};a.appendChild(this._buildListColumnsSection());const u=document.createElement("div");u.className="section";const g=document.createElement("div");g.className="section-label",g.textContent=n("sidepanel.graph_horizon"),u.appendChild(g);const _=document.createElement("div");_.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=n("sidepanel.global_default"),_.appendChild(f);const v=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),v.appendChild(t)}if(v.addEventListener("change",()=>{const e={horizon:v.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),_.appendChild(v),u.appendChild(_),a.appendChild(u),c?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(c.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(a.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=h[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={circuit_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{u.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}const m=l?.sub_devices??{};if(c?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(c.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,a]of s){const s=document.createElement("div");s.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=a.name||i,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(a.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=m[i]||{horizon:d,has_override:!1},c=l.has_override?l.horizon:d,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const n={subdevice_id:i};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{h.value=d,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${e.message??e}`))}),s.appendChild(e)}e.appendChild(s)}a.appendChild(e)}e.appendChild(a)}_renderCircuitMode(e,t){const n=`${Ne(String(t.breaker_rating_a))}A · ${Ne(String(t.voltage))}V · Tabs [${Ne(String(t.tabs))}]`,i=this._createHeader(Ne(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s);const o=document.createElement("div");o.className="error-msg",o.id="error-msg",o.style.display="none",s.appendChild(o),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Fe(),a=document.createElement("div");a.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of a.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),a.appendChild(t)}return i.appendChild(a),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Re(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Re(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Oe)),n?.favorites??{}}(this._hass,i)}catch(i){e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s));const o=function(e){if(e instanceof Error)return e.message;if(e&&"object"==typeof e){const t=e;if("string"==typeof t.message&&t.message)return t.message;if("string"==typeof t.error&&t.error)return t.error;if("string"==typeof t.code&&t.code)return t.code}return String(e)}(i);throw this._showError(`${n("sidepanel.favorite_failed")} ${o}`),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ne(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=n("sidepanel.save_to_favorites"),o.appendChild(a),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ne(t.name),Ne(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i);const s=document.createElement("div");s.className="error-msg",s.id="error-msg",s.style.display="none",i.appendChild(s),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ne(e),o=Ne(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const a=document.createElement("button");return a.className="close-btn",a.innerHTML="✕",a.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(a),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const a=document.createElement("ha-switch");a.dataset.role="relay-toggle";const r=t.entities.switch,l=this._hass?.states?.[r]?.state;"on"===l&&a.setAttribute("checked",""),a.addEventListener("change",()=>{const e=a.hasAttribute("checked")||a.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:r}).catch(e=>this._showError(`${n("sidepanel.relay_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Ne(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const a=document.createElement("select");a.dataset.role="shedding-select";const r=t.entities.select,l=this._hass?.states?.[r]?.state||"";for(const e of Ue){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),a.appendChild(i)}a.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:r,option:a.value}).catch(e=>this._showError(`${n("sidepanel.shedding_failed")} ${e.message??e}`))}),s.appendChild(o),s.appendChild(a),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const a=document.createElement("div");a.className="section-label",a.textContent=n("sidepanel.graph_horizon"),i.appendChild(a);const r=t.graphHorizonInfo,l=!0===r?.has_override,c=r?.horizon||s,d=r?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.clear_graph_horizon_failed")} ${e.message??e}`))):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>this._showError(`${n("sidepanel.graph_horizon_failed")} ${e.message??e}`)))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const a=document.createElement("ha-switch");a.dataset.role="monitoring-toggle";const r=t.monitoringInfo,l=null!=r&&!1!==r.monitoring_enabled;l&&a.setAttribute("checked",""),s.appendChild(o),s.appendChild(a),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===r?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ne(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ne(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=r?.continuous_threshold_pct??80,g=r?.spike_threshold_pct??100,_=r?.window_duration_m??15,f=r?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),a.addEventListener("change",()=>{const e=a.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>this._showError(`${n("sidepanel.monitoring_toggle_failed")} ${e.message??e}`))});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>this._showError(`${n("sidepanel.clear_monitoring_failed")} ${e.message??e}`))}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");a.className="field-label",a.textContent=e;const r=document.createElement("input");return r.type="number",r.min="0",r.max="200",r.value=String(i),r.dataset.role=`threshold-${t}`,r.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),a=e.querySelector('[data-role="threshold-cooldown-m"]'),r={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:a?Number(a.value):void 0};s.configEntryId&&(r.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",r).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),o.appendChild(a),o.appendChild(r),o}_createDurationRow(e,t,i,s,o,a,r,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=a,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:r.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};r.configEntryId&&(o.config_entry_id=r.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>this._showError(`${n("sidepanel.save_threshold_failed")} ${e.message??e}`))})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_showError(e){const t=this.shadowRoot?.getElementById("error-msg");t&&(t.textContent=e,t.style.display="block",setTimeout(()=>{t.style.display="none"},5e3))}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Ge)}catch{}async function Ve(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const a=new Map;for(const e of i)e.area_id&&a.set(e.entity_id,e.area_id);const r=new Map;for(const e of s)r.set(e.id,e.area_id);let l;if(t.device_id){const e=r.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=a.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function We(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),r=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Ve(e,i),{topology:i,panelDevice:r,panelSize:s}}function Be(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,a=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Ne(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Qe(e,t,i={}){const s=Ne(e.device_name||n("header.default_name")),o=Ne(e.serial||""),a=Ne(e.firmware||""),r="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Be(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${a}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${r?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${r?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Je=u.power;function Xe(e){return Je.unit(e)}function Ke(e){return(e<0?"-":"")+Je.format(e)}function Ze(e){return(Math.abs(e)/1e3).toFixed(1)}function Ye(e){return Math.ceil(e/2)}function et(e){return e%2==0?1:0}function tt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ye(t)===Ye(n)?"row-span":et(t)===et(n)?"col-span":"row-span"}function nt(e){const t=e.chart_metric??i;return u[t]??u[i]}function it(e,t){const n=function(e){return nt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class st{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0});this._status=s?.response??null,this._lastFetch=n}catch{this._status=null}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ot{constructor(){this._caches=new Map}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new st,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function at(e,t){return e?.circuits?e.circuits[t]??null:null}function rt(e){return!!e&&void 0!==e.continuous_threshold_pct}function lt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ct(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),rt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function dt(e,t,i,s,o,a,c,d,h,p=!1){const u=t.entities?.power,g=u?a.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?a.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===r,x=t.breaker_rating_a,$=x?`${Math.round(x)}A`:"",S=Ne(t.name||n("grid.unknown")),C=nt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?a.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Ke(v)}</strong><span class="power-unit">${Xe(v)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const A=d&&rt(d)?f:"#555",P=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ne(e)}" style="color:${A};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${lt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ct(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Ne(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${$?`<span class="breaker-badge">${$}</span>`:""}\n          ${M}\n          <span class="circuit-name">${S}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${P}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ht(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const pt={names:["power","battery power"],suffixes:["_power"]},ut={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},gt={names:["state of energy"],suffixes:["_soe_kwh"]},_t={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ft(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function vt(e){return ft(e,pt)}function mt(e){return ft(e,ut)}function bt(e){return ft(e,gt)}function yt(e){return ft(e,_t)}function wt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const a=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===a.length)return"";const r=a.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of a){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),a=vt(s),p=a?t.states[a]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?mt(s):null,v=g?bt(s):null,m=g?yt(s):null,b=xt(s,t,i,new Set([a,f,v,m].filter(e=>null!==e))),y=$t(e,s,g,a,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===r&&r%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${Ne(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ne(o)}</span>\n          <span class="sub-device-name">${Ne(s.name||"")}</span>\n          ${a?`<span class="sub-power-value"><strong>${Ke(u)}</strong> <span class="power-unit">${Xe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ne(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function xt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,a]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const r=t.states[n];if(!r)continue;let l=a.original_name||r.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(r);else{d=r.state;const e=r.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(r.attributes.unit_of_measurement||"")){const e=parseFloat(r.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ne(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ne(n)}">${Ne(d)}</span>\n      </div>\n    `}return o}function $t(e,t,i,s,o,a){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!a},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ne(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ne(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${Ne(e)}_power"></div>`:""}function St(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Ct(e){const t=o[e];return t?t.ms:o[s].ms}function Et(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function kt(e){return Math.max(500,Math.floor(e/5e3))}function zt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const a=e.get(t);a.push({time:i,value:n});const r=a.findIndex(e=>e.time>=s);r>0?a.splice(0,r):-1===r&&(a.length=0),a.length>o&&a.splice(0,a.length-o)}function At(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Pt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=i/36e5>72?"hour":"5minute",r=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:a,types:["mean"]});for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Mt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),a=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),r=Et(i),l=kt(i);for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,At(t,r,l))}}}function Tt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:vt(i)};i.type===c&&(e.soc=mt(i),e.soe=bt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function It(e,t,n,i,s,o){if(!t||!e)return;const a=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=it(i,n);if(!t)continue;let o;o=s&&s.has(e)?Ct(s.get(e)):St(n),a.has(o)||a.set(o,{entityIds:[],uuidByEntity:new Map});const r=a.get(o);r.entityIds.push(t),r.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Tt(t)){let t;t=o&&o.has(s)?Ct(o.get(s)):St(n),a.has(t)||a.set(t,{entityIds:[],uuidByEntity:new Map});const r=a.get(t);r.entityIds.push(e),r.uuidByEntity.set(e,i)}const r=[];for(const[t,n]of a){if(0===n.entityIds.length)continue;t>2592e5?r.push(Pt(e,n.entityIds,n.uuidByEntity,t,i)):r.push(Mt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(r)}function Dt(e,t,n,s,o,a,r,l,c){const{options:d,series:h}=function(e,t,n,s,o,a=!1){n||(n=u[i]);const r=s?"140, 160, 220":"77, 217, 175",l=`rgb(${r})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...a?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${r}, 0.35)`},{offset:1,color:`rgba(${r}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,a,l,c),p=r??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Nt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Lt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),a=e.querySelector(".stat-consumption .stat-value"),r=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;a&&(a.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),r&&(r.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}a&&(a.textContent=Ze(e)),r&&(r.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ze(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ze(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ze(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ft(e,t,i,s,o,a){if(!e||!i||!t)return;const c=St(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Lt(o,t,n,i,s)}(e,t,i,s,d);const h=nt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Nt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===r,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Ke(f)}</strong><span class="power-unit">${Xe(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let $;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)$="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;$=n?n.state:"unknown"}const S=_[$]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",S.icon),C.style.color=S.color,C.title=S.label());const E=i.querySelector(".shedding-icon-secondary");E&&(S.icon2?(E.setAttribute("icon",S.icon2),E.style.color=S.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(S.textLabel?(k.textContent=S.textLabel,k.style.color=S.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,r=a?.has(s)?Ct(a.get(s)):c,p=d.device_type===l;Dt(z,t,e,r,h,v,n,d.breaker_rating_a??void 0,p)}}}class Ht{constructor(){this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0});this._settings=s?.response??null,this._lastFetch=n}catch{this._settings=null}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ot(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Rt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}class qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new st,this.monitoringMultiCache=new ot,this.graphSettingsCache=new Ht,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ot(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Rt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch{}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ot(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Rt(i,s))}}async loadHistory(){await It(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const a=it(n,this._config);if(!a)continue;const r=this._hass.states[a];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(i),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Tt(this._topology)){const a=this.subDeviceHorizonMap.get(i)??s;if(!o[a]?.useRealtime)continue;const r=this._hass.states[t];if(!r)continue;const l=parseFloat(r.state);if(isNaN(l))continue;const c=Ct(a),d=Et(c),h=kt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||zt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const i=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Tt(this._topology))n.has(t)&&i.add(e);const s=new Map;try{await It(this._hass,this._topology,this._config,s,t,n);for(const e of t.keys()){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of i){const t=s.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch{}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ft(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const a=St(i);for(const[i,r]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Nt(i)}"]`);if(!n)continue;const l=vt(r);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Ke(i)}</strong> <span class="power-unit">${Xe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const r=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Dt(e,t,r,o?.has(i)?Ct(o.get(i)):a,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(r.entities||{})){const i=n.querySelector(`[data-eid="${Nt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,i=n?.closest(".toggle-pill");if(!i)return;const s=t.querySelector(".slide-confirm");if(!s||!s.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const o=i.closest("[data-uuid]");if(!o||!this._topology||!this._hass)return;const a=o.dataset.uuid;if(!a)return;const r=this._topology.circuits[a];if(!r)return;const l=r.entities?.switch;if(!l)return;const c=this._hass.states[l];if(!c)return void console.warn("SPAN Panel: switch entity not found:",l);const d="on"===c.state?"turn_off":"turn_on";this._hass.callService("switch",d,{},{entity_id:l}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const a=i.dataset.uuid;if(a&&this._topology){const e=this._topology.circuits[a];if(e){const t=this._favRefs?.[a]??null,n=t&&"circuit"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r,l;t?[r,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),r=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=r?.global_horizon??s,p=r?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const r=i.dataset.subdevId;if(r&&this._topology?.sub_devices?.[r]){const e=this._topology.sub_devices[r],t=this._favRefs?.[r]??null,n=t&&"sub_device"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a;t?a=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),a=this.graphSettingsCache.settings);const l=a?.global_horizon??s,c=a?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,a=0;const r=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,a=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,a));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/a>=.9?(n.style.left=a+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),r(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),r(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const jt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Ut{constructor(){this._ctrl=new qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let a,r;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await We(t,i);a=e.topology,r=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Ne(t.message)}</p>`)}this._ctrl.init(a,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(r/2),c=this._ctrl.monitoringCache.status,d=Qe(a,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,a=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,r=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${a>0?`<span class="count-alert">${a} ${n(a>1?"status.alerts":"status.alert")}</span>`:""}\n        ${r>0?`<span class="count-overrides">${r} ${n(r>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,a=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":tt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)a.add(t)}const r=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ye(Math.max(...n));0===et(e)?r.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?at(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=dt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!r.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)a.has(t)||(d+=ht(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=dt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)a.has(s)||(d+=ht(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=dt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(a,l,t,s,c),u=wt(a,t,s);e.innerHTML=`\n      <style>${jt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Gt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Vt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Wt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Bt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Qt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function Jt(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class Xt{constructor(){this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],$=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),S=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=Ne(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,a=s?"":"opacity:0.4;",r=Ne(e);return`\n          <tr style="${a}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${r}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${Jt(r,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${Jt(r,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${Jt(r,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${Jt(r,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${r}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Vt}">\n            </div>\n            <div style="${Gt}">\n              <span style="${Wt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Vt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Ne(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],a=o?.attributes?.friendly_name,r=s?n("notification.event_bus_target"):a?`${Ne(a)} (${Ne(e)})`:Ne(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Ne(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${r}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Ne(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Qt}">\n            </div>\n\n            <div style="${Gt}">\n              <span style="${Bt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Ne(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Qt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Bt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${$?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!$&&S&&(k.indeterminate=!0);const z=e.querySelector("#notify-all-targets");if(z&&u.length>0){const e=_.length>0;!f&&e&&(z.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),a=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const a=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(a){const t=e instanceof Error?e.message:n("error.failed");a.textContent=`${n("error.prefix")} ${t}`,a.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",a)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const a=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",a),this._notifyCloseHandler=a;const r=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),r()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{r()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,i){const s=e.querySelector("#toggle-all-circuits");s&&s.addEventListener("change",async()=>{const o=s.checked,r=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:o})}).catch(()=>{})),...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:o})}).catch(()=>{}))];await Promise.all(r),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,r=i.dataset.type,l="mains"===r?"set_mains_threshold":"set_circuit_threshold",c="mains"===r?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function Kt(e=""){const t=e?` value="${Ne(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ne(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Zt(e,t,i,s,o,a,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===r,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=Ne(t.name||n("grid.unknown")),y=nt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Ke(h)}</strong><span class="power-unit">${Xe(h)}</span>`;else x="";const $=a||"unknown";let S="";if("unknown"!==$){const e=_[$]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};S=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${lt(o)}">${Math.round(e)}%</span>`}const E=!!o&&rt(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ne(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${Ne(e)}" data-uuid="${Ne(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${S}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${Ne(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Yt(e,t,n,i,s){const o=t.entities?.power,a=o?n.states[o]:null,c=a&&parseFloat(a.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ct(0,s,p?"on"===p.state:(a?.attributes?.relay_state||t.relay_state)===r,d),g=Ne(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function en(e){return`<div class="area-header" data-area="${Ne(e)}" style="grid-column:1 / -1;">${Ne(e)}</div>`}function tn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,a=o?t.states[o]:null,l=s?"on"===s.state:(a?.attributes?.relay_state||e.relay_state)===r;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=a?Math.abs(parseFloat(a.state)||0):0;return{isOn:l,value:c}}function nn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function sn(e,t,n,i){const s=tn(e,n,i),o=tn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function on(e,t,n){return e.sort((e,i)=>sn(e[1],i[1],t,n))}function an(e){return e.entities?.current??e.entities?.power??""}class rn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const a=on(Object.entries(n.circuits),t,i);let r=o+Kt(this._searchQuery);r+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of a){const o=at(s,an(n)),a=nn(n,t),l=this._expandedUuids.has(e);r+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,r+=Zt(e,n,t,i,o,a,l),l&&(r+=Yt(e,n,t,0,o)),r+="</div>"}r+="</div>",r+="<span-side-panel></span-side-panel>",e.innerHTML=r;const l=e.querySelector("span-side-panel");l&&(l.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,a){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const r=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??r,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===r?1:t===r?-1:e.localeCompare(t));let d=a+Kt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=on(n,t,s);d+=en(e);for(const[e,n]of i){const i=at(o,an(n)),a=nn(n,t),r=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ne(e)}">`,d+=Zt(e,n,t,s,i,a,r),r&&(d+=Yt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=nt(s),a="current"===o.entityRole,r=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of r){const r=e.dataset.rowUuid;if(!r)continue;const l=i.circuits[r];if(!l)continue;const{isOn:c,value:d}=tn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(a)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${Ke(i)}</strong><span class="power-unit">${Xe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>sn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Nt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=at(this._monitoringStatus,an(t)),o=Yt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ln(e,t){return`${e}|${t}`}class cn{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await We(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),a=o.length>1,r={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=ln(e,t),d=a&&o?`${o} · ${n.name}`:n.name;r[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=ln(e,t),d=a&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[r]={...n,name:d},c[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:r,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const dn="span_panel_favorites_view_state";function hn(e){try{localStorage.setItem(dn,JSON.stringify(e))}catch{}}var pn;const un="favorites";let gn=pn=class extends Se{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._discoveryError=null,this._listColumns=Fe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Ut,this._monitoringTab=new Xt,this._listDashCtrl=new qt,this._listCtrl=new rn(this._listDashCtrl),this._favCache=new qe,this._favCtrl=new cn,this._favoritesMonitoringTabs=new Map,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Oe,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Oe,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass)}}}setConfig(e){}render(){var n,i,s;return n=this.hass?.language,e=n&&t[n]?n:"en",this.hass?this._discovered?ae`
+ */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}const je="favorites-changed";async function Ue(e,t,n={}){const i=await e.callWS({type:"call_service",domain:r,service:t,service_data:n,return_response:!0});return i?.response??null}class Ge{constructor(){this.errorStore=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Ue(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this.errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Ve(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const We=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Be extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=n("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const n=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,i=this._createHeader(He(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ue(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(je)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ue(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(je)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=n("sidepanel.graph_horizon"),i.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=He(e),o=He(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${He(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${He(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of We){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=n("sidepanel.graph_horizon"),i.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Be)}catch{}let Qe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+        <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
+          <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
+          <span class="message">${e.message}</span>
+          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:ce}
+        </div>
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Je(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Xe(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),a=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Je(e,i),{topology:i,panelDevice:a,panelSize:s}}function Ke(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${He(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ze(e,t,i={}){const s=He(e.device_name||n("header.default_name")),o=He(e.serial||""),r=He(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ke(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Qe.styles=$`
+    :host {
+      display: block;
+    }
+    .banner-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      line-height: 1.4;
+    }
+    .banner-row + .banner-row {
+      border-top: 1px solid rgba(128, 128, 128, 0.2);
+    }
+    .banner-row.level-error {
+      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
+      color: var(--error-color, #db4437);
+    }
+    .banner-row.level-warning {
+      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
+      color: var(--warning-color, #ff9800);
+    }
+    .banner-row.level-info {
+      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
+      color: var(--info-color, #4285f4);
+    }
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      --mdc-icon-size: 18px;
+    }
+    .message {
+      flex: 1;
+      min-width: 0;
+    }
+    .retry-btn {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid currentColor;
+      border-radius: 4px;
+      color: inherit;
+      cursor: pointer;
+      font-size: 12px;
+      padding: 2px 8px;
+    }
+    .retry-btn:hover {
+      opacity: 0.8;
+    }
+  `,v([Me()],Qe.prototype,"_errors",void 0),Qe=v([ke("span-error-banner")],Qe);const Ye=u.power;function et(e){return Ye.unit(e)}function tt(e){return(e<0?"-":"")+Ye.format(e)}function nt(e){return(Math.abs(e)/1e3).toFixed(1)}function it(e){return Math.ceil(e/2)}function st(e){return e%2==0?1:0}function ot(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return it(t)===it(n)?"row-span":st(t)===st(n)?"col-span":"row-span"}function rt(e){const t=e.chart_metric??i;return u[t]??u[i]}function at(e,t){const n=function(e){return rt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class lt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this.errorStore=null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this.errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ct{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new lt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function dt(e,t){return e?.circuits?e.circuits[t]??null:null}function ht(e){return!!e&&void 0!==e.continuous_threshold_pct}function pt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ut(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ht(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function gt(e,t,i,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||n("grid.unknown")),C=rt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${tt(v)}</strong><span class="power-unit">${et(v)}</span>`;const k=h||"unknown";let P="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ht(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${pt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ut(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function _t(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const ft={names:["power","battery power"],suffixes:["_power"]},vt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},mt={names:["state of energy"],suffixes:["_soe_kwh"]},bt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function yt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function wt(e){return yt(e,ft)}function xt(e){return yt(e,vt)}function St(e){return yt(e,mt)}function $t(e){return yt(e,bt)}function Ct(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),r=wt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?xt(s):null,v=g?St(s):null,m=g?$t(s):null,b=Et(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=kt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${tt(u)}</strong> <span class="power-unit">${et(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Et(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(n)}">${He(d)}</span>\n      </div>\n    `}return o}function kt(e,t,i,s,o,r){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function Pt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function zt(e){const t=o[e];return t?t.ms:o[s].ms}function At(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Mt(e){return Math.max(500,Math.floor(e/5e3))}function Nt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function It(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Tt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Dt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=At(i),l=Mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,It(t,a,l))}}}function Lt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:wt(i)};i.type===c&&(e.soc=xt(i),e.soe=St(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ft(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=at(i,n);if(!t)continue;let o;o=s&&s.has(e)?zt(s.get(e)):Pt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Lt(t)){let t;t=o&&o.has(s)?zt(o.get(s)):Pt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Tt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Dt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ht(e,t,n,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,s,o,r=!1){n||(n=u[i]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Ot(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Rt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=nt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=nt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=nt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=nt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function qt(e,t,i,s,o,r){if(!e||!i||!t)return;const c=Pt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Rt(o,t,n,i,s)}(e,t,i,s,d);const h=rt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Ot(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${tt(f)}</strong><span class="power-unit">${et(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=_[S]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const E=i.querySelector(".shedding-icon-secondary");E&&($.icon2?(E.setAttribute("icon",$.icon2),E.style.color=$.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".chart-container");if(P){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?zt(r.get(s)):c,p=d.device_type===l;Ht(P,t,e,a,h,v,n,d.breaker_rating_a??void 0,p)}}}class jt{constructor(){this.errorStore=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this.errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ut(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Gt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Vt(e){return new Promise(t=>setTimeout(t,e))}class Wt{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Vt(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new lt,this.monitoringMultiCache=new ct,this.graphSettingsCache=new jt,this._errorStore=null,this._retryManager=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retryManager=e?new Wt(e):null,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ut(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Gt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ut(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Gt(i,s))}}async loadHistory(){await Ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const r=at(n,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=zt(i),d=At(c),h=Mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Nt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Lt(this._topology)){const r=this.subDeviceHorizonMap.get(i)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=zt(r),d=At(c),h=Mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Nt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Lt(this._topology))i.has(t)&&s.add(e);const r=new Map;try{await Ft(this._hass,this._topology,this._config,r,t,i);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(qt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Pt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Ot(i)}"]`);if(!n)continue;const l=wt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${tt(i)}</strong> <span class="power-unit">${et(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Ht(e,t,a,o?.has(i)?zt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${Ot(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._retryManager?this._retryManager.callService(this._hass,"switch",h,{},{entity_id:c},{errorId:"service:relay",errorMessage:n("error.relay_failed")}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e)}):this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Xe(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=Ze(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ot(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=it(Math.max(...n));0===st(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?dt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=gt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=_t(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=gt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=_t(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=gt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Ct(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function tn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class nn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):He(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${en}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${en}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,a=i.dataset.type,l="mains"===a?"set_mains_threshold":"set_circuit_threshold",c="mains"===a?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(r,o,a),await this.render(e,t)})}}function sn(e=""){const t=e?` value="${He(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function on(e,t,i,s,o,r,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||n("grid.unknown")),y=rt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${tt(h)}</strong><span class="power-unit">${et(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${pt(o)}">${Math.round(e)}%</span>`}const E=!!o&&ht(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ut(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function an(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ln(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function cn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function dn(e,t,n,i){const s=ln(e,n,i),o=ln(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function hn(e,t,n){return e.sort((e,i)=>dn(e[1],i[1],t,n))}function pn(e){return e.entities?.current??e.entities?.power??""}class un{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=hn(Object.entries(n.circuits),t,i);let a=o+sn(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=dt(s,pn(n)),r=cn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=on(e,n,t,i,o,r,l),l&&(a+=rn(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+sn(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=hn(n,t,s);d+=an(e);for(const[e,n]of i){const i=dt(o,pn(n)),r=cn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=on(e,n,t,s,i,r,a),a&&(d+=rn(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=rt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=ln(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${tt(i)}</strong><span class="power-unit">${et(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>dn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Ot(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=dt(this._monitoringStatus,pn(t)),o=rn(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function gn(e,t){return`${e}|${t}`}class _n{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Xe(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),r=o.length>1,a={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=gn(e,t),d=r&&o?`${o} · ${n.name}`:n.name;a[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const a=gn(e,t),d=r&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[a]={...n,name:d},c[a]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:a,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const fn="span_panel_favorites_view_state";function vn(e){try{localStorage.setItem(fn,JSON.stringify(e))}catch{}}var mn;const bn="favorites";let yn=mn=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new nn,this._listDashCtrl=new Bt,this._listCtrl=new un(this._listDashCtrl),this._favCache=new Ge,this._favCtrl=new _n,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(je,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(je,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==bn&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return ae`
+        <div class="header">
+          <div class="toolbar">
+            <div class="main-title">Span Panel</div>
+          </div>
+        </div>
+        <div class="view">
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>
+        </div>
+      `;if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
+        <div class="header">
+          <div class="toolbar">
+            <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
+            <div class="main-title">Span Panel</div>
+          </div>
+        </div>
+        <div class="view">
+          <span-error-banner .store=${this._errorStore}></span-error-banner>
+          ${e?ce:ae`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>`}
+        </div>
+      `}return ae`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -56,12 +132,13 @@ const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee
                 ${this._panels.map(e=>ae` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Ie((i=this._buildTabList(),s=this._activeTab,`<div class="shared-tab-bar">${i.map(e=>`<button class="shared-tab${e.id===s?" active":""}" data-tab="${Ne(e.id)}">${Ne(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${De((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${He(e.id)}">${He(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
 
       <div class="view">
+        <span-error-banner .store=${this._errorStore}></span-error-banner>
         <div class="view-content">
           <div
             class="tab-content"
@@ -76,26 +153,7 @@ const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee
           ></div>
         </div>
       </div>
-    `:ae`
-        <div class="header">
-          <div class="toolbar">
-            <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
-            <div class="main-title">Span Panel</div>
-          </div>
-        </div>
-        <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${this._discoveryError??"Loading…"}</div>
-        </div>
-      `:ae`
-        <div class="header">
-          <div class="toolbar">
-            <div class="main-title">Span Panel</div>
-          </div>
-        </div>
-        <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${"Loading…"}</div>
-        </div>
-      `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===un}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,hn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,He(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,hn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==un),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _discoverPanels(){if(!this.hass)return;let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void(this._discoveryError=`Discovery failed: ${e.message??e}`)}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(dn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discoveryError=null,this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===un){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}_buildPanelList(e,t){if(!je(t))return e;return[{id:un,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){if(!this.hass)return{};try{return await this._favCache.fetch(this.hass)}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),{}}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===un;this._favorites=t;const i=this._panels.filter(e=>e.id!==un);if(this._panels=this._buildPanelList(i,t),n&&!je(t)){!function(){try{localStorage.removeItem(dn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${Ne(n("header.enable_switches"))}" data-text-on="${Ne(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${Ne(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Ne(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Ne(e.panelName||e.topology.device_name||"")}</div>\n        ${Be(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${Nt(n.panelDeviceId)}"]`);i&&Lt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await We(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Qe(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await We(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Qe(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n){if(!e.connection)return()=>{};const i=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ve(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e)}},[s,o]=await Promise.all([e.connection.subscribeEvents(i,"entity_registry_updated"),e.connection.subscribeEvents(i,"area_registry_updated")]);return()=>{s(),o()}}(this.hass,n.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()}).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==un),s=await this._favCtrl.build(this.hass,this._favorites,i);if(t())return;const o=s.topology,a=s.entryIds[0]??null,r=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!r&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,a),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${wt(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const a=document.createElement("h2");a.style.margin="8px 0 12px",a.style.fontSize="1em",a.textContent=t?.name_by_user??t?.name??e,n.appendChild(a);const r=document.createElement("div");n.appendChild(r),i.appendChild(n);const l=new Xt;o.set(e,l);try{await l.render(r,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),r.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};gn._shellStyles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)})`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===bn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,vn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,vn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==bn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(this.hass&&this._selectedPanelId&&this._selectedPanelId!==bn&&this._watchedPanelId!==this._selectedPanelId){this._watchedPanelId=this._selectedPanelId;try{const e=await Xe(this.hass,this._selectedPanelId);if(this._watchedPanelId!==this._selectedPanelId)return;const t=e.topology?.panel_entities?.panel_status;t&&(this._errorStore.watchPanelStatus(t),this._errorStore.updateHass(this.hass))}catch(e){console.warn("SPAN Panel: unable to fetch topology for panel status watching",e)}}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(fn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===bn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Ve(t))return e;return[{id:bn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===bn;this._favorites=t;const i=this._panels.filter(e=>e.id!==bn);if(this._panels=this._buildPanelList(i,t),n&&!Ve(t)){!function(){try{localStorage.removeItem(fn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(n("header.enable_switches"))}" data-text-on="${He(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ke(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${Ot(n.panelDeviceId)}"]`);i&&Rt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await Xe(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Ze(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await Xe(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Ze(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,i){if(!e.connection)return()=>{};const s=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Je(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),i?.add({key:"fetch:areas",level:"warning",message:"Unable to update area assignments",persistent:!1})}},[o,r]=await Promise.all([e.connection.subscribeEvents(s,"entity_registry_updated"),e.connection.subscribeEvents(s,"area_registry_updated")]);return()=>{o(),r()}}(this.hass,n.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==bn),s=await this._favCtrl.build(this.hass,this._favorites,i);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Ct(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new nn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};yn._shellStyles=$`
     :host {
       color: var(--primary-text-color);
     }
@@ -192,4 +250,4 @@ const Ee={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:F},ke=(e=Ee
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,gn.styles=[pn._shellStyles,$(jt)],v([ze({attribute:!1})],gn.prototype,"hass",void 0),v([ze({type:Boolean,reflect:!0})],gn.prototype,"narrow",void 0),v([Ae()],gn.prototype,"_panels",void 0),v([Ae()],gn.prototype,"_selectedPanelId",void 0),v([Ae()],gn.prototype,"_activeTab",void 0),v([Ae()],gn.prototype,"_discovered",void 0),v([Ae()],gn.prototype,"_discoveryError",void 0),v([Ae()],gn.prototype,"_chartMetric",void 0),v([Ae()],gn.prototype,"_listColumns",void 0),v([Ae()],gn.prototype,"_favorites",void 0),gn=pn=v([(e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("span-panel")],gn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let _n=!1;const fn=gn.prototype.connectedCallback;gn.prototype.connectedCallback=function(){_n=!0,fn.call(this)};const vn=gn.prototype.disconnectedCallback;gn.prototype.disconnectedCallback=function(){_n=!1,vn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(_n||window.location.pathname.includes("span-panel")&&setTimeout(()=>{_n||location.reload()},200))});
+  `,yn.styles=[mn._shellStyles,S(Qt)],v([Ae({attribute:!1})],yn.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],yn.prototype,"narrow",void 0),v([Me()],yn.prototype,"_panels",void 0),v([Me()],yn.prototype,"_selectedPanelId",void 0),v([Me()],yn.prototype,"_activeTab",void 0),v([Me()],yn.prototype,"_discovered",void 0),v([Me()],yn.prototype,"_chartMetric",void 0),v([Me()],yn.prototype,"_listColumns",void 0),v([Me()],yn.prototype,"_favorites",void 0),yn=mn=v([ke("span-panel")],yn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let wn=!1;const xn=yn.prototype.connectedCallback;yn.prototype.connectedCallback=function(){wn=!0,xn.call(this)};const Sn=yn.prototype.disconnectedCallback;yn.prototype.disconnectedCallback=function(){wn=!1,Sn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(wn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{wn||location.reload()},200))});
diff --git a/src/core/area-resolver.ts b/src/core/area-resolver.ts
index 5c3d28d..4c1b364 100644
--- a/src/core/area-resolver.ts
+++ b/src/core/area-resolver.ts
@@ -1,5 +1,6 @@
 import type { HomeAssistant, PanelTopology } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
 
 interface AreaRegistryEntry {
   area_id: string;
@@ -122,7 +123,7 @@ export async function subscribeAreaUpdates(
       errorStore?.add({
         key: "fetch:areas",
         level: "warning",
-        message: "Unable to update area assignments",
+        message: t("error.areas_failed"),
         persistent: false,
       });
     }
diff --git a/src/i18n.ts b/src/i18n.ts
index f616a95..82c3394 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -86,6 +86,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "Unable to load historical data",
     "error.monitoring_failed": "Unable to load monitoring status",
     "error.graph_settings_failed": "Unable to load graph settings",
+    "error.areas_failed": "Unable to update area assignments",
     "error.retry": "Retry",
     "card.connecting": "Connecting to SPAN Panel...",
 
@@ -280,6 +281,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "No se pudieron cargar los datos hist\u00f3ricos",
     "error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
     "error.graph_settings_failed": "No se pudo cargar la configuraci\u00f3n del gr\u00e1fico",
+    "error.areas_failed": "No se pudieron actualizar las asignaciones de \u00e1reas",
     "error.retry": "Reintentar",
     "card.connecting": "Conectando al SPAN Panel...",
     "settings.heading": "Configuraci\u00f3n",
@@ -453,6 +455,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "Impossible de charger les donn\u00e9es historiques",
     "error.monitoring_failed": "Impossible de charger l'\u00e9tat de surveillance",
     "error.graph_settings_failed": "Impossible de charger les param\u00e8tres du graphique",
+    "error.areas_failed": "Impossible de mettre \u00e0 jour les affectations de zones",
     "error.retry": "R\u00e9essayer",
     "card.connecting": "Connexion au SPAN Panel...",
     "settings.heading": "Param\u00e8tres",
@@ -628,6 +631,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "\u5c65\u6b74\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.monitoring_failed": "\u76e3\u8996\u30b9\u30c6\u30fc\u30bf\u30b9\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.graph_settings_failed": "\u30b0\u30e9\u30d5\u8a2d\u5b9a\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.areas_failed": "\u30a8\u30ea\u30a2\u5272\u308a\u5f53\u3066\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.retry": "\u518d\u8a66\u884c",
     "card.connecting": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u4e2d...",
     "settings.heading": "\u8a2d\u5b9a",
@@ -805,6 +809,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "N\u00e3o foi poss\u00edvel carregar os dados hist\u00f3ricos",
     "error.monitoring_failed": "N\u00e3o foi poss\u00edvel carregar o status de monitoramento",
     "error.graph_settings_failed": "N\u00e3o foi poss\u00edvel carregar as configura\u00e7\u00f5es do gr\u00e1fico",
+    "error.areas_failed": "N\u00e3o foi poss\u00edvel atualizar as atribui\u00e7\u00f5es de \u00e1reas",
     "error.retry": "Tentar novamente",
     "card.connecting": "Conectando ao SPAN Panel...",
     "settings.heading": "Configura\u00e7\u00f5es",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 3ad32c7..ac3b402 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -578,10 +578,12 @@ export class SpanPanelElement extends LitElement {
     if (this._selectedPanelId === FAVORITES_PANEL_ID) return;
     if (this._watchedPanelId === this._selectedPanelId) return;
 
-    this._watchedPanelId = this._selectedPanelId;
+    const targetPanelId = this._selectedPanelId;
+    this._watchedPanelId = targetPanelId;
     try {
-      const result = await discoverTopology(this.hass, this._selectedPanelId);
-      if (this._watchedPanelId !== this._selectedPanelId) return; // Superseded
+      const result = await discoverTopology(this.hass, targetPanelId);
+      // Guard against supersession: user may have switched panels during fetch.
+      if (this._selectedPanelId !== targetPanelId) return;
       const entityId = result.topology?.panel_entities?.panel_status;
       if (entityId) {
         this._errorStore.watchPanelStatus(entityId);

From 36816ec9d778dd8c62895c8473c3ff2f05c3e21a Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:17:04 -0700
Subject: [PATCH 65/97] fix: address remaining error management review issues

- Replace 6 silent catch blocks in tab-monitoring.ts with console.warn + errorStore.add dispatch
- Remove unused i18n keys error.panel_offline_named and error.service_failed from all 5 locales
- Soften error.areas_failed message to reflect transient/recoverable nature across all 5 locales
- Add two ErrorStore.clear() tests covering full-reset and filtered-clear of panel status watch state
---
 src/i18n.ts                 | 21 ++++----------
 src/panel/tab-monitoring.ts | 57 +++++++++++++++++++++++++++++++------
 tests/error-store.test.ts   | 25 ++++++++++++++++
 3 files changed, 79 insertions(+), 24 deletions(-)

diff --git a/src/i18n.ts b/src/i18n.ts
index 82c3394..e459ed6 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -74,9 +74,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Failed",
     "error.panel_offline": "SPAN Panel unreachable",
     "error.panel_reconnected": "SPAN Panel reconnected",
-    "error.panel_offline_named": "SPAN Panel '{name}' unreachable",
     "error.discovery_failed": "Unable to connect to SPAN Panel",
-    "error.service_failed": "Action failed",
     "error.relay_failed": "Unable to toggle relay",
     "error.shedding_failed": "Unable to update shedding priority",
     "error.threshold_failed": "Unable to save threshold",
@@ -86,7 +84,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "Unable to load historical data",
     "error.monitoring_failed": "Unable to load monitoring status",
     "error.graph_settings_failed": "Unable to load graph settings",
-    "error.areas_failed": "Unable to update area assignments",
+    "error.areas_failed": "Area assignments may be out of sync",
     "error.retry": "Retry",
     "card.connecting": "Connecting to SPAN Panel...",
 
@@ -269,9 +267,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Fall\u00f3",
     "error.panel_offline": "SPAN Panel inaccesible",
     "error.panel_reconnected": "SPAN Panel reconectado",
-    "error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
     "error.discovery_failed": "No se puede conectar al SPAN Panel",
-    "error.service_failed": "Acci\u00f3n fallida",
     "error.relay_failed": "No se pudo cambiar el rel\u00e9",
     "error.shedding_failed": "No se pudo actualizar la prioridad de desconexi\u00f3n",
     "error.threshold_failed": "No se pudo guardar el umbral",
@@ -281,7 +277,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "No se pudieron cargar los datos hist\u00f3ricos",
     "error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
     "error.graph_settings_failed": "No se pudo cargar la configuraci\u00f3n del gr\u00e1fico",
-    "error.areas_failed": "No se pudieron actualizar las asignaciones de \u00e1reas",
+    "error.areas_failed": "Las asignaciones de \u00e1reas pueden estar desincronizadas",
     "error.retry": "Reintentar",
     "card.connecting": "Conectando al SPAN Panel...",
     "settings.heading": "Configuraci\u00f3n",
@@ -443,9 +439,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u00c9chou\u00e9",
     "error.panel_offline": "SPAN Panel inaccessible",
     "error.panel_reconnected": "SPAN Panel reconnect\u00e9",
-    "error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
     "error.discovery_failed": "Impossible de se connecter au SPAN Panel",
-    "error.service_failed": "Action \u00e9chou\u00e9e",
     "error.relay_failed": "Impossible de basculer le relais",
     "error.shedding_failed": "Impossible de mettre \u00e0 jour la priorit\u00e9 de d\u00e9lestage",
     "error.threshold_failed": "Impossible d'enregistrer le seuil",
@@ -455,7 +449,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "Impossible de charger les donn\u00e9es historiques",
     "error.monitoring_failed": "Impossible de charger l'\u00e9tat de surveillance",
     "error.graph_settings_failed": "Impossible de charger les param\u00e8tres du graphique",
-    "error.areas_failed": "Impossible de mettre \u00e0 jour les affectations de zones",
+    "error.areas_failed": "Les affectations de zones peuvent \u00eatre d\u00e9synchronis\u00e9es",
     "error.retry": "R\u00e9essayer",
     "card.connecting": "Connexion au SPAN Panel...",
     "settings.heading": "Param\u00e8tres",
@@ -619,9 +613,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u5931\u6557",
     "error.panel_offline": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
     "error.panel_reconnected": "SPAN\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f",
-    "error.panel_offline_named": "SPAN\u30d1\u30cd\u30eb '{name}' \u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
     "error.discovery_failed": "SPAN\u30d1\u30cd\u30eb\u3078\u306e\u63a5\u7d9a\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
-    "error.service_failed": "\u64cd\u4f5c\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.relay_failed": "\u30ea\u30ec\u30fc\u306e\u5207\u308a\u66ff\u3048\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.shedding_failed": "\u30b7\u30a7\u30c7\u30a3\u30f3\u30b0\u512a\u5148\u5ea6\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.threshold_failed": "\u3057\u304d\u3044\u5024\u306e\u4fdd\u5b58\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
@@ -631,7 +623,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "\u5c65\u6b74\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.monitoring_failed": "\u76e3\u8996\u30b9\u30c6\u30fc\u30bf\u30b9\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.graph_settings_failed": "\u30b0\u30e9\u30d5\u8a2d\u5b9a\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
-    "error.areas_failed": "\u30a8\u30ea\u30a2\u5272\u308a\u5f53\u3066\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
+    "error.areas_failed":
+      "\u30a8\u30ea\u30a2\u5272\u308a\u5f53\u3066\u304c\u540c\u671f\u3055\u308c\u3066\u3044\u306a\u3044\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059",
     "error.retry": "\u518d\u8a66\u884c",
     "card.connecting": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u4e2d...",
     "settings.heading": "\u8a2d\u5b9a",
@@ -797,9 +790,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Falhou",
     "error.panel_offline": "SPAN Panel inacess\u00edvel",
     "error.panel_reconnected": "SPAN Panel reconectado",
-    "error.panel_offline_named": "SPAN Panel '{name}' inacess\u00edvel",
     "error.discovery_failed": "N\u00e3o foi poss\u00edvel conectar ao SPAN Panel",
-    "error.service_failed": "A\u00e7\u00e3o falhou",
     "error.relay_failed": "N\u00e3o foi poss\u00edvel alternar o rel\u00e9",
     "error.shedding_failed": "N\u00e3o foi poss\u00edvel atualizar a prioridade de desligamento",
     "error.threshold_failed": "N\u00e3o foi poss\u00edvel salvar o limite",
@@ -809,7 +800,7 @@ const translations: Record<string, Record<string, string>> = {
     "error.history_failed": "N\u00e3o foi poss\u00edvel carregar os dados hist\u00f3ricos",
     "error.monitoring_failed": "N\u00e3o foi poss\u00edvel carregar o status de monitoramento",
     "error.graph_settings_failed": "N\u00e3o foi poss\u00edvel carregar as configura\u00e7\u00f5es do gr\u00e1fico",
-    "error.areas_failed": "N\u00e3o foi poss\u00edvel atualizar as atribui\u00e7\u00f5es de \u00e1reas",
+    "error.areas_failed": "As atribui\u00e7\u00f5es de \u00e1reas podem estar fora de sincroniza\u00e7\u00e3o",
     "error.retry": "Tentar novamente",
     "card.connecting": "Conectando ao SPAN Panel...",
     "settings.heading": "Configura\u00e7\u00f5es",
diff --git a/src/panel/tab-monitoring.ts b/src/panel/tab-monitoring.ts
index 922091c..fac251c 100644
--- a/src/panel/tab-monitoring.ts
+++ b/src/panel/tab-monitoring.ts
@@ -535,8 +535,14 @@ export class MonitoringTab {
       this._debounceTimer = setTimeout(async () => {
         try {
           await this._callSetGlobal(hass, { notify_targets: targets.join(", ") });
-        } catch {
-          // will show on next render
+        } catch (err) {
+          console.warn("SPAN Panel: notification targets save failed", err);
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
         }
       }, INPUT_DEBOUNCE_MS);
     };
@@ -577,8 +583,14 @@ export class MonitoringTab {
       this._debounceTimer = setTimeout(async () => {
         try {
           await this._callSetGlobal(hass, { [field]: value });
-        } catch {
-          // will show on next render
+        } catch (err) {
+          console.warn("SPAN Panel: notification settings save failed", err);
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
         }
       }, INPUT_DEBOUNCE_MS);
     };
@@ -588,8 +600,14 @@ export class MonitoringTab {
         try {
           await this._callSetGlobal(hass, { notification_priority: prioritySelect.value });
           await this.render(container, hass);
-        } catch {
-          // will show on next render
+        } catch (err) {
+          console.warn("SPAN Panel: notification priority change failed", err);
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
         }
       });
     }
@@ -714,7 +732,14 @@ export class MonitoringTab {
             service: "set_mains_threshold",
             service_data: this._serviceData({ leg: entityId, monitoring_enabled: enabled }),
           });
-        } catch {
+        } catch (err) {
+          console.warn("SPAN Panel: mains threshold toggle failed", err);
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
           cb.checked = !enabled;
           return;
         }
@@ -735,7 +760,14 @@ export class MonitoringTab {
             service: "set_circuit_threshold",
             service_data: this._serviceData({ circuit_id: entityId, monitoring_enabled: enabled }),
           });
-        } catch {
+        } catch (err) {
+          console.warn("SPAN Panel: circuit threshold toggle failed", err);
+          this.errorStore?.add({
+            key: "service:monitoring",
+            level: "error",
+            message: t("error.threshold_failed"),
+            persistent: false,
+          });
           cb.checked = !enabled;
           return;
         }
@@ -770,7 +802,14 @@ export class MonitoringTab {
               });
               // Re-render to update Custom badge and Reset button
               await this.render(container, hass);
-            } catch {
+            } catch (err) {
+              console.warn("SPAN Panel: threshold input save failed", err);
+              this.errorStore?.add({
+                key: "service:monitoring",
+                level: "error",
+                message: t("error.threshold_failed"),
+                persistent: false,
+              });
               input.style.borderColor = "var(--error-color, #f44336)";
             }
           }, THRESHOLD_DEBOUNCE_MS)
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index bbd5ddc..3af08a2 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -435,4 +435,29 @@ describe("ErrorStore — panel status watching", () => {
     store.updateHass({ states: { "binary_sensor.panel_a": { state: "off" } } } as any);
     expect(store.hasPersistent("panel-offline")).toBe(false);
   });
+
+  it("clear() with no filter resets panel status watching state", () => {
+    store.watchPanelStatus("binary_sensor.panel_status");
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    store.clear();
+
+    // After full clear, updateHass should be a no-op (no watched entity)
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+  });
+
+  it("clear({persistent: true}) preserves panel status watching state", () => {
+    store.watchPanelStatus("binary_sensor.panel_status");
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+
+    // Add a persistent error of a different key
+    store.add({ key: "discovery-failed", level: "error", message: "x", persistent: true });
+    store.clear({ persistent: true });
+
+    // Watch is preserved — updateHass with off state re-adds panel-offline
+    store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+  });
 });

From 9327d3bbc1740c516afc1009490076464c2926f4 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:22:42 -0700
Subject: [PATCH 66/97] =?UTF-8?q?fix:=20remove=20retry=20from=20relay=20to?=
 =?UTF-8?q?ggle=20=E2=80=94=20state=20changes=20must=20fail=20immediately?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/core/dashboard-controller.ts | 31 ++++++++-----------------------
 1 file changed, 8 insertions(+), 23 deletions(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index e976711..390fb17 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -8,7 +8,6 @@ import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatu
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
-import { RetryManager } from "./retry-manager.js";
 import { t } from "../i18n.js";
 
 const RECORDER_REFRESH_MS = 30_000;
@@ -37,7 +36,6 @@ export class DashboardController {
   readonly graphSettingsCache = new GraphSettingsCache();
 
   private _errorStore: ErrorStore | null = null;
-  private _retryManager: RetryManager | null = null;
 
   get errorStore(): ErrorStore | null {
     return this._errorStore;
@@ -45,7 +43,6 @@ export class DashboardController {
 
   set errorStore(store: ErrorStore | null) {
     this._errorStore = store;
-    this._retryManager = store ? new RetryManager(store) : null;
     this.monitoringCache.errorStore = store;
     this.graphSettingsCache.errorStore = store;
     this.monitoringMultiCache.errorStore = store;
@@ -395,27 +392,15 @@ export class DashboardController {
       return;
     }
     const service = switchState.state === "on" ? "turn_off" : "turn_on";
-    if (this._retryManager) {
-      this._retryManager
-        .callService(
-          this._hass,
-          "switch",
-          service,
-          {},
-          { entity_id: switchEntity },
-          {
-            errorId: "service:relay",
-            errorMessage: t("error.relay_failed"),
-          }
-        )
-        .catch(err => {
-          console.warn("SPAN Panel: switch service call failed", err);
-        });
-    } else {
-      this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
-        console.error("SPAN Panel: switch service call failed:", err);
+    this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
+      console.warn("SPAN Panel: switch service call failed", err);
+      this._errorStore?.add({
+        key: "service:relay",
+        level: "error",
+        message: t("error.relay_failed"),
+        persistent: false,
       });
-    }
+    });
   }
 
   async onGearClick(event: Event, root: DOMRoot): Promise<void> {

From 792959dcaeaca0fb7892808975ea328c28975988 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:29:17 -0700
Subject: [PATCH 67/97] remove extraneous docs

---
 .../plans/2026-04-15-error-management.md      | 1911 -----------------
 .../2026-04-15-favorites-expanded-compact.md  |  865 --------
 .../2026-04-15-error-management-design.md     |  300 ---
 ...04-15-favorites-expanded-compact-design.md |  186 --
 4 files changed, 3262 deletions(-)
 delete mode 100644 docs/superpowers/plans/2026-04-15-error-management.md
 delete mode 100644 docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
 delete mode 100644 docs/superpowers/specs/2026-04-15-error-management-design.md
 delete mode 100644 docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md

diff --git a/docs/superpowers/plans/2026-04-15-error-management.md b/docs/superpowers/plans/2026-04-15-error-management.md
deleted file mode 100644
index a93fbea..0000000
--- a/docs/superpowers/plans/2026-04-15-error-management.md
+++ /dev/null
@@ -1,1911 +0,0 @@
-# Error Management Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
-> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** Add user-facing error banners, retry logic, and panel offline detection to the span-card frontend so users see actionable status when the SPAN panel
-is unreachable or service calls fail.
-
-**Architecture:** A centralized ErrorStore singleton manages two lanes of errors (persistent and transient). A `<span-error-banner>` LitElement renders them at
-the top of both the card and panel views. A RetryManager wraps service calls with exponential backoff. The backend adds the panel_status binary sensor entity ID
-to the WebSocket topology response.
-
-**Tech Stack:** TypeScript, Lit 3, Vitest, Home Assistant WebSocket API, Python (HA integration backend)
-
-**Spec:** `docs/superpowers/specs/2026-04-15-error-management-design.md`
-
----
-
-## File Structure
-
-### New Files
-
-| File                          | Responsibility                                                                   |
-| ----------------------------- | -------------------------------------------------------------------------------- |
-| `src/core/error-store.ts`     | ErrorStore singleton: two-lane error state, subscriptions, panel status watching |
-| `src/core/retry-manager.ts`   | RetryManager: exponential backoff wrapper for callWS/callService                 |
-| `src/core/error-banner.ts`    | `<span-error-banner>` LitElement component                                       |
-| `tests/error-store.test.ts`   | ErrorStore unit tests                                                            |
-| `tests/retry-manager.test.ts` | RetryManager unit tests                                                          |
-
-### Backend Change
-
-| File                                                                              | Change                                                                         |
-| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| `custom_components/span_panel/websocket.py` (in `/Users/bflood/projects/HA/span`) | Add helper to resolve panel_status binary sensor, include in topology response |
-| `tests/test_websocket.py` (in `/Users/bflood/projects/HA/span`)                   | Test the new panel_status field                                                |
-
-### Modified Frontend Files
-
-| File                               | Change                                                                       |
-| ---------------------------------- | ---------------------------------------------------------------------------- |
-| `src/types.ts`                     | Add `panel_status?: string` to `PanelEntities`                               |
-| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                                                    |
-| `src/i18n.ts`                      | Add error keys for all 5 locales                                             |
-| `src/card/span-panel-card.ts`      | Add banner, create ErrorStore, wire panel status watching                    |
-| `src/panel/span-panel.ts`          | Add banner, create ErrorStore, wire panel status watching                    |
-| `src/core/side-panel.ts`           | Remove `_showError()`, remove error-msg div, route errors through ErrorStore |
-| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager                          |
-| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                                              |
-| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                                              |
-| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                                              |
-| `src/core/area-resolver.ts`        | Dispatch warning on subscription failure                                     |
-| `src/panel/tab-monitoring.ts`      | Replace silent catches with ErrorStore                                       |
-| `src/card/card-discovery.ts`       | Wire retry into ErrorStore for discovery failures                            |
-
----
-
-## Task 1: ErrorStore — Tests and Implementation
-
-**Files:**
-
-- Create: `src/core/error-store.ts`
-- Create: `tests/error-store.test.ts`
-
-- [ ] **Step 1: Write ErrorStore tests**
-
-Create `tests/error-store.test.ts`:
-
-```typescript
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ErrorStore } from "../src/core/error-store.js";
-import type { ErrorEntry } from "../src/core/error-store.js";
-
-describe("ErrorStore", () => {
-  let store: ErrorStore;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    store = new ErrorStore();
-  });
-
-  afterEach(() => {
-    store.dispose();
-    vi.useRealTimers();
-  });
-
-  describe("add / remove / active", () => {
-    it("starts with no active errors", () => {
-      expect(store.active).toEqual([]);
-    });
-
-    it("adds a persistent error", () => {
-      store.add({
-        key: "panel-offline",
-        level: "error",
-        message: "SPAN Panel unreachable",
-        persistent: true,
-      });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-
-    it("adds a transient error with default TTL", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-      });
-      expect(store.active).toHaveLength(1);
-    });
-
-    it("auto-dismisses transient error after TTL", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-        ttl: 3000,
-      });
-      expect(store.active).toHaveLength(1);
-      vi.advanceTimersByTime(3000);
-      expect(store.active).toEqual([]);
-    });
-
-    it("uses default TTL of 5000ms when ttl omitted", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-      });
-      vi.advanceTimersByTime(4999);
-      expect(store.active).toHaveLength(1);
-      vi.advanceTimersByTime(1);
-      expect(store.active).toEqual([]);
-    });
-
-    it("persistent errors are never auto-dismissed", () => {
-      store.add({
-        key: "panel-offline",
-        level: "error",
-        message: "SPAN Panel unreachable",
-        persistent: true,
-      });
-      vi.advanceTimersByTime(60_000);
-      expect(store.active).toHaveLength(1);
-    });
-
-    it("removes a specific error by key", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.remove("panel-offline");
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("service:relay");
-    });
-
-    it("remove is a no-op for unknown key", () => {
-      store.remove("nonexistent");
-      expect(store.active).toEqual([]);
-    });
-  });
-
-  describe("two-lane model", () => {
-    it("persistent errors appear before transient errors", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      expect(store.active[0]!.key).toBe("panel-offline");
-      expect(store.active[1]!.key).toBe("service:relay");
-    });
-
-    it("new transient error replaces previous transient error", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
-      const transient = store.active.filter(e => !e.persistent);
-      expect(transient).toHaveLength(1);
-      expect(transient[0]!.key).toBe("service:shedding");
-    });
-
-    it("replacing transient does not affect persistent errors", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
-      expect(store.active).toHaveLength(2);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-
-    it("multiple persistent errors can coexist", () => {
-      store.add({ key: "panel-offline:panel1", level: "error", message: "Panel 1", persistent: true });
-      store.add({ key: "panel-offline:panel2", level: "error", message: "Panel 2", persistent: true });
-      expect(store.active.filter(e => e.persistent)).toHaveLength(2);
-    });
-
-    it("re-adding same transient key resets the TTL timer", () => {
-      store.add({ key: "service:relay", level: "error", message: "first", persistent: false, ttl: 5000 });
-      vi.advanceTimersByTime(4000);
-      store.add({ key: "service:relay", level: "error", message: "second", persistent: false, ttl: 5000 });
-      vi.advanceTimersByTime(4000);
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.message).toBe("second");
-      vi.advanceTimersByTime(1000);
-      expect(store.active).toEqual([]);
-    });
-  });
-
-  describe("clear", () => {
-    it("clears all errors when no filter", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear();
-      expect(store.active).toEqual([]);
-    });
-
-    it("clears only persistent errors when filtered", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear({ persistent: true });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("service:relay");
-    });
-
-    it("clears only transient errors when filtered", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear({ persistent: false });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-  });
-
-  describe("subscribe", () => {
-    it("notifies subscribers on add", () => {
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.add({ key: "test", level: "error", message: "msg", persistent: false });
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("notifies subscribers on remove", () => {
-      store.add({ key: "test", level: "error", message: "msg", persistent: true });
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.remove("test");
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("notifies on auto-dismiss", () => {
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.add({ key: "test", level: "error", message: "msg", persistent: false, ttl: 1000 });
-      cb.mockClear();
-      vi.advanceTimersByTime(1000);
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("unsubscribe stops notifications", () => {
-      const cb = vi.fn();
-      const unsub = store.subscribe(cb);
-      unsub();
-      store.add({ key: "test", level: "error", message: "msg", persistent: false });
-      expect(cb).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("hasPersistent", () => {
-    it("returns false when no persistent errors", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      expect(store.hasPersistent("panel-offline")).toBe(false);
-    });
-
-    it("returns true when key exists as persistent", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-  });
-
-  describe("panel status watching", () => {
-    it("adds persistent error when entity state is off", () => {
-      const hass = { states: { "binary_sensor.panel_status": { state: "off" } } } as any;
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass(hass);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("removes persistent error when entity state returns to on", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(false);
-    });
-
-    it("treats unavailable entity state as offline", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unavailable" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("treats unknown entity state as offline", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unknown" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("adds info message on reconnection", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      const info = store.active.find(e => e.level === "info");
-      expect(info).toBeDefined();
-      expect(info!.persistent).toBe(false);
-    });
-
-    it("does not add reconnection info on first online state", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      expect(store.active).toEqual([]);
-    });
-
-    it("handles missing entity gracefully", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: {} } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-  });
-});
-```
-
-- [ ] **Step 2: Run tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
-
-Expected: FAIL — module `../src/core/error-store.js` not found.
-
-- [ ] **Step 3: Implement ErrorStore**
-
-Create `src/core/error-store.ts`:
-
-```typescript
-import { t } from "../i18n.js";
-import type { HomeAssistant } from "../types.js";
-
-const DEFAULT_ERROR_TTL = 5_000;
-
-export interface ErrorEntry {
-  key: string;
-  level: "info" | "warning" | "error";
-  message: string;
-  persistent: boolean;
-  ttl?: number;
-  retryFn?: () => void;
-  timestamp: number;
-}
-
-type AddInput = Omit<ErrorEntry, "timestamp">;
-
-export class ErrorStore {
-  private _persistent = new Map<string, ErrorEntry>();
-  private _transient: ErrorEntry | null = null;
-  private _transientTimer: ReturnType<typeof setTimeout> | null = null;
-  private _subscribers = new Set<() => void>();
-  private _panelStatusEntityId: string | null = null;
-  private _wasOffline = false;
-
-  add(input: AddInput): void {
-    const entry: ErrorEntry = { ...input, timestamp: Date.now() };
-
-    if (entry.persistent) {
-      this._persistent.set(entry.key, entry);
-    } else {
-      // New transient replaces previous transient
-      if (this._transientTimer !== null) {
-        clearTimeout(this._transientTimer);
-        this._transientTimer = null;
-      }
-      this._transient = entry;
-      const ttl = entry.ttl ?? DEFAULT_ERROR_TTL;
-      this._transientTimer = setTimeout(() => {
-        this._transient = null;
-        this._transientTimer = null;
-        this._notify();
-      }, ttl);
-    }
-    this._notify();
-  }
-
-  remove(key: string): void {
-    const hadPersistent = this._persistent.delete(key);
-    const hadTransient = this._transient?.key === key;
-    if (hadTransient) {
-      if (this._transientTimer !== null) {
-        clearTimeout(this._transientTimer);
-        this._transientTimer = null;
-      }
-      this._transient = null;
-    }
-    if (hadPersistent || hadTransient) {
-      this._notify();
-    }
-  }
-
-  clear(filter?: { persistent?: boolean }): void {
-    if (filter === undefined) {
-      this._persistent.clear();
-      this._clearTransient();
-    } else if (filter.persistent === true) {
-      this._persistent.clear();
-    } else if (filter.persistent === false) {
-      this._clearTransient();
-    }
-    this._notify();
-  }
-
-  get active(): ErrorEntry[] {
-    const result: ErrorEntry[] = [...this._persistent.values()];
-    if (this._transient) {
-      result.push(this._transient);
-    }
-    return result;
-  }
-
-  hasPersistent(key: string): boolean {
-    return this._persistent.has(key);
-  }
-
-  subscribe(cb: () => void): () => void {
-    this._subscribers.add(cb);
-    return () => {
-      this._subscribers.delete(cb);
-    };
-  }
-
-  watchPanelStatus(entityId: string): void {
-    this._panelStatusEntityId = entityId;
-  }
-
-  updateHass(hass: HomeAssistant): void {
-    if (!this._panelStatusEntityId) return;
-
-    const entity = hass.states[this._panelStatusEntityId];
-    const isOffline = !entity || entity.state === "off" || entity.state === "unavailable" || entity.state === "unknown";
-
-    if (isOffline && !this.hasPersistent("panel-offline")) {
-      this.add({
-        key: "panel-offline",
-        level: "error",
-        message: t("error.panel_offline"),
-        persistent: true,
-      });
-      this._wasOffline = true;
-    } else if (!isOffline && this.hasPersistent("panel-offline")) {
-      this.remove("panel-offline");
-      if (this._wasOffline) {
-        this.add({
-          key: "panel-reconnected",
-          level: "info",
-          message: t("error.panel_reconnected"),
-          persistent: false,
-        });
-      }
-      this._wasOffline = false;
-    } else if (isOffline) {
-      this._wasOffline = true;
-    }
-  }
-
-  dispose(): void {
-    if (this._transientTimer !== null) {
-      clearTimeout(this._transientTimer);
-      this._transientTimer = null;
-    }
-    this._subscribers.clear();
-    this._persistent.clear();
-    this._transient = null;
-  }
-
-  private _clearTransient(): void {
-    if (this._transientTimer !== null) {
-      clearTimeout(this._transientTimer);
-      this._transientTimer = null;
-    }
-    this._transient = null;
-  }
-
-  private _notify(): void {
-    for (const cb of this._subscribers) {
-      cb();
-    }
-  }
-}
-```
-
-- [ ] **Step 4: Run tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/error-store.ts tests/error-store.test.ts
-git commit -m "feat: add ErrorStore with two-lane persistent/transient error management"
-```
-
----
-
-## Task 2: RetryManager — Tests and Implementation
-
-**Files:**
-
-- Create: `src/core/retry-manager.ts`
-- Create: `tests/retry-manager.test.ts`
-
-- [ ] **Step 1: Write RetryManager tests**
-
-Create `tests/retry-manager.test.ts`:
-
-```typescript
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ErrorStore } from "../src/core/error-store.js";
-import { RetryManager } from "../src/core/retry-manager.js";
-
-function makeHass(overrides: Record<string, unknown> = {}) {
-  return {
-    states: {},
-    callWS: vi.fn(),
-    callService: vi.fn(),
-    ...overrides,
-  } as any;
-}
-
-describe("RetryManager", () => {
-  let store: ErrorStore;
-  let retry: RetryManager;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    store = new ErrorStore();
-    retry = new RetryManager(store);
-  });
-
-  afterEach(() => {
-    store.dispose();
-    vi.useRealTimers();
-  });
-
-  describe("callWS", () => {
-    it("returns result on first success", async () => {
-      const hass = makeHass({ callWS: vi.fn().mockResolvedValue({ data: 42 }) });
-      const result = await retry.callWS(hass, { type: "test" });
-      expect(result).toEqual({ data: 42 });
-      expect(hass.callWS).toHaveBeenCalledTimes(1);
-    });
-
-    it("retries on failure and succeeds on second attempt", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValueOnce(new Error("timeout")).mockResolvedValue({ ok: true }),
-      });
-      const promise = retry.callWS(hass, { type: "test" });
-      await vi.advanceTimersByTimeAsync(1000);
-      const result = await promise;
-      expect(result).toEqual({ ok: true });
-      expect(hass.callWS).toHaveBeenCalledTimes(2);
-    });
-
-    it("adds error to store after all retries exhausted", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValue(new Error("fail")),
-      });
-      await expect(async () => {
-        const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test", errorMessage: "Test failed" });
-        await vi.advanceTimersByTimeAsync(1000);
-        await vi.advanceTimersByTimeAsync(2000);
-        await vi.advanceTimersByTimeAsync(4000);
-        return promise;
-      }).rejects.toThrow("fail");
-      expect(hass.callWS).toHaveBeenCalledTimes(4); // 1 initial + 3 retries
-      expect(store.active.some(e => e.key === "ws:test")).toBe(true);
-    });
-
-    it("removes error from store on success after prior failure", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValueOnce(new Error("fail")).mockResolvedValue("ok"),
-      });
-      // First call with prior error in store
-      store.add({ key: "ws:test", level: "error", message: "old", persistent: false, ttl: 60_000 });
-      const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test" });
-      await vi.advanceTimersByTimeAsync(1000);
-      await promise;
-      expect(store.active.some(e => e.key === "ws:test")).toBe(false);
-    });
-
-    it("respects custom retry count", async () => {
-      const hass = makeHass({ callWS: vi.fn().mockRejectedValue(new Error("fail")) });
-      const promise = retry.callWS(hass, { type: "test" }, { retries: 1 }).catch(() => {});
-      await vi.advanceTimersByTimeAsync(1000);
-      await promise;
-      expect(hass.callWS).toHaveBeenCalledTimes(2); // 1 initial + 1 retry
-    });
-  });
-
-  describe("callService", () => {
-    it("returns on first success", async () => {
-      const hass = makeHass({ callService: vi.fn().mockResolvedValue(undefined) });
-      await retry.callService(hass, "switch", "turn_on", {}, { entity_id: "switch.test" });
-      expect(hass.callService).toHaveBeenCalledTimes(1);
-    });
-
-    it("adds error to store after exhaustion", async () => {
-      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("offline")) });
-      const promise = retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay", errorMessage: "Relay failed" }).catch(() => {});
-      await vi.advanceTimersByTimeAsync(1000);
-      await vi.advanceTimersByTimeAsync(2000);
-      await vi.advanceTimersByTimeAsync(4000);
-      await promise;
-      expect(store.active.some(e => e.key === "svc:relay")).toBe(true);
-    });
-  });
-
-  describe("panel offline short-circuit", () => {
-    it("skips retries when panel-offline is active", async () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("fail")) });
-      await retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay" }).catch(() => {});
-      // Should not retry — immediate failure
-      expect(hass.callService).toHaveBeenCalledTimes(1);
-    });
-  });
-});
-```
-
-- [ ] **Step 2: Run tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
-
-Expected: FAIL — module `../src/core/retry-manager.js` not found.
-
-- [ ] **Step 3: Implement RetryManager**
-
-Create `src/core/retry-manager.ts`:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import type { HomeAssistant } from "../types.js";
-
-const DEFAULT_RETRIES = 3;
-const BACKOFF_BASE_MS = 1000;
-
-function sleep(ms: number): Promise<void> {
-  return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-export class RetryManager {
-  private _store: ErrorStore;
-
-  constructor(store: ErrorStore) {
-    this._store = store;
-  }
-
-  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T> {
-    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
-    const errorId = opts?.errorId ?? `ws:${String(msg.type ?? "unknown")}`;
-
-    return this._withRetry(() => hass.callWS<T>(msg), maxRetries, errorId, opts?.errorMessage);
-  }
-
-  async callService(
-    hass: HomeAssistant,
-    domain: string,
-    service: string,
-    data?: Record<string, unknown>,
-    target?: Record<string, unknown>,
-    opts?: { errorId?: string; errorMessage?: string; retries?: number }
-  ): Promise<void> {
-    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
-    const errorId = opts?.errorId ?? `svc:${domain}.${service}`;
-
-    return this._withRetry(() => hass.callService(domain, service, data, target), maxRetries, errorId, opts?.errorMessage);
-  }
-
-  private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
-    // Short-circuit if panel is offline
-    if (this._store.hasPersistent("panel-offline")) {
-      this._store.add({
-        key: errorId,
-        level: "error",
-        message: errorMessage ?? "Panel offline — action unavailable",
-        persistent: false,
-      });
-      return fn(); // Single attempt, no retries
-    }
-
-    let lastError: Error | undefined;
-    for (let attempt = 0; attempt <= maxRetries; attempt++) {
-      try {
-        const result = await fn();
-        // Success after prior failure — clear the error
-        this._store.remove(errorId);
-        return result;
-      } catch (err) {
-        lastError = err instanceof Error ? err : new Error(String(err));
-        if (attempt < maxRetries) {
-          const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
-          await sleep(delay);
-        }
-      }
-    }
-
-    // All retries exhausted — add error to store
-    this._store.add({
-      key: errorId,
-      level: "error",
-      message: errorMessage ?? lastError?.message ?? "Operation failed",
-      persistent: false,
-    });
-    throw lastError!;
-  }
-}
-```
-
-- [ ] **Step 4: Run tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/retry-manager.ts tests/retry-manager.test.ts
-git commit -m "feat: add RetryManager with exponential backoff and panel-offline short-circuit"
-```
-
----
-
-## Task 3: i18n Keys and Type Updates
-
-**Files:**
-
-- Modify: `src/i18n.ts`
-- Modify: `src/types.ts` (lines 58-65, `PanelEntities` interface)
-- Modify: `src/constants.ts` (line 56, `ERROR_DISPLAY_MS`)
-
-- [ ] **Step 1: Add error i18n keys to all 5 locales in `src/i18n.ts`**
-
-Add the following keys to the `en` section (after the existing `"card.*"` keys block). Then add translated equivalents to the `es`, `fr`, `ja`, and `pt`
-sections in the same position.
-
-English keys to add:
-
-```typescript
-// Error banners
-"error.panel_offline": "SPAN Panel unreachable",
-"error.panel_offline_named": "SPAN Panel '{name}' unreachable",
-"error.discovery_failed": "Unable to connect to SPAN Panel",
-"error.service_failed": "Action failed",
-"error.relay_failed": "Unable to toggle relay",
-"error.shedding_failed": "Unable to update shedding priority",
-"error.threshold_failed": "Unable to save threshold",
-"error.graph_horizon_failed": "Unable to update graph time horizon",
-"error.favorites_fetch_failed": "Unable to load favorites",
-"error.favorites_toggle_failed": "Unable to update favorite",
-"error.history_failed": "Unable to load historical data",
-"error.monitoring_failed": "Unable to load monitoring status",
-"error.graph_settings_failed": "Unable to load graph settings",
-"error.panel_reconnected": "SPAN Panel reconnected",
-"error.retry": "Retry",
-"card.connecting": "Connecting to SPAN Panel...",
-```
-
-Spanish (`es`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inaccesible",
-"error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
-"error.discovery_failed": "No se puede conectar al SPAN Panel",
-"error.service_failed": "Acción fallida",
-"error.relay_failed": "No se pudo cambiar el relé",
-"error.shedding_failed": "No se pudo actualizar la prioridad de desconexión",
-"error.threshold_failed": "No se pudo guardar el umbral",
-"error.graph_horizon_failed": "No se pudo actualizar el horizonte temporal del gráfico",
-"error.favorites_fetch_failed": "No se pudieron cargar los favoritos",
-"error.favorites_toggle_failed": "No se pudo actualizar el favorito",
-"error.history_failed": "No se pudieron cargar los datos históricos",
-"error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
-"error.graph_settings_failed": "No se pudo cargar la configuración del gráfico",
-"error.panel_reconnected": "SPAN Panel reconectado",
-"error.retry": "Reintentar",
-"card.connecting": "Conectando al SPAN Panel...",
-```
-
-French (`fr`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inaccessible",
-"error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
-"error.discovery_failed": "Impossible de se connecter au SPAN Panel",
-"error.service_failed": "Action échouée",
-"error.relay_failed": "Impossible de basculer le relais",
-"error.shedding_failed": "Impossible de mettre à jour la priorité de délestage",
-"error.threshold_failed": "Impossible d'enregistrer le seuil",
-"error.graph_horizon_failed": "Impossible de mettre à jour l'horizon temporel du graphique",
-"error.favorites_fetch_failed": "Impossible de charger les favoris",
-"error.favorites_toggle_failed": "Impossible de mettre à jour le favori",
-"error.history_failed": "Impossible de charger les données historiques",
-"error.monitoring_failed": "Impossible de charger l'état de surveillance",
-"error.graph_settings_failed": "Impossible de charger les paramètres du graphique",
-"error.panel_reconnected": "SPAN Panel reconnecté",
-"error.retry": "Réessayer",
-"card.connecting": "Connexion au SPAN Panel...",
-```
-
-Japanese (`ja`) translations:
-
-```typescript
-"error.panel_offline": "SPANパネルに接続できません",
-"error.panel_offline_named": "SPANパネル '{name}' に接続できません",
-"error.discovery_failed": "SPANパネルへの接続に失敗しました",
-"error.service_failed": "操作に失敗しました",
-"error.relay_failed": "リレーの切り替えに失敗しました",
-"error.shedding_failed": "シェディング優先度の更新に失敗しました",
-"error.threshold_failed": "しきい値の保存に失敗しました",
-"error.graph_horizon_failed": "グラフの時間範囲の更新に失敗しました",
-"error.favorites_fetch_failed": "お気に入りの読み込みに失敗しました",
-"error.favorites_toggle_failed": "お気に入りの更新に失敗しました",
-"error.history_failed": "履歴データの読み込みに失敗しました",
-"error.monitoring_failed": "監視ステータスの読み込みに失敗しました",
-"error.graph_settings_failed": "グラフ設定の読み込みに失敗しました",
-"error.panel_reconnected": "SPANパネルが再接続されました",
-"error.retry": "再試行",
-"card.connecting": "SPANパネルに接続中...",
-```
-
-Portuguese (`pt`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inacessível",
-"error.panel_offline_named": "SPAN Panel '{name}' inacessível",
-"error.discovery_failed": "Não foi possível conectar ao SPAN Panel",
-"error.service_failed": "Ação falhou",
-"error.relay_failed": "Não foi possível alternar o relé",
-"error.shedding_failed": "Não foi possível atualizar a prioridade de desligamento",
-"error.threshold_failed": "Não foi possível salvar o limite",
-"error.graph_horizon_failed": "Não foi possível atualizar o horizonte temporal do gráfico",
-"error.favorites_fetch_failed": "Não foi possível carregar os favoritos",
-"error.favorites_toggle_failed": "Não foi possível atualizar o favorito",
-"error.history_failed": "Não foi possível carregar os dados históricos",
-"error.monitoring_failed": "Não foi possível carregar o status de monitoramento",
-"error.graph_settings_failed": "Não foi possível carregar as configurações do gráfico",
-"error.panel_reconnected": "SPAN Panel reconectado",
-"error.retry": "Tentar novamente",
-"card.connecting": "Conectando ao SPAN Panel...",
-```
-
-- [ ] **Step 2: Add `panel_status` to `PanelEntities` in `src/types.ts`**
-
-In `src/types.ts`, find the `PanelEntities` interface (lines 58-65) and add:
-
-```typescript
-export interface PanelEntities {
-  site_power?: string;
-  current_power?: string;
-  feedthrough_power?: string;
-  pv_power?: string;
-  battery_level?: string;
-  dsm_state?: string;
-  panel_status?: string; // binary_sensor entity for online/offline
-}
-```
-
-- [ ] **Step 3: Remove `ERROR_DISPLAY_MS` from `src/constants.ts`**
-
-In `src/constants.ts`, remove line 56:
-
-```typescript
-export const ERROR_DISPLAY_MS = 5_000;
-```
-
-Also remove any other import of `ERROR_DISPLAY_MS` in other files. The only current consumer is `side-panel.ts` (line 4 import), which will be updated in
-Task 6.
-
-- [ ] **Step 4: Run the full test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS. The i18n-validate hook (lefthook) will also check key consistency.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/i18n.ts src/types.ts src/constants.ts
-git commit -m "feat: add error i18n keys, panel_status type, remove ERROR_DISPLAY_MS"
-```
-
----
-
-## Task 4: `<span-error-banner>` Component
-
-**Files:**
-
-- Create: `src/core/error-banner.ts`
-
-- [ ] **Step 1: Implement the banner component**
-
-Create `src/core/error-banner.ts`:
-
-```typescript
-import { LitElement, html, css, nothing } from "lit";
-import { customElement, state } from "lit/decorators.js";
-import { t } from "../i18n.js";
-import type { ErrorStore, ErrorEntry } from "./error-store.js";
-
-@customElement("span-error-banner")
-export class SpanErrorBanner extends LitElement {
-  private _store: ErrorStore | null = null;
-  private _unsub: (() => void) | null = null;
-
-  @state() private _errors: ErrorEntry[] = [];
-
-  set store(store: ErrorStore) {
-    if (this._store === store) return;
-    this._unsub?.();
-    this._store = store;
-    this._errors = store.active;
-    this._unsub = store.subscribe(() => {
-      this._errors = this._store!.active;
-    });
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    this._unsub?.();
-    this._unsub = null;
-  }
-
-  static styles = css`
-    :host {
-      display: block;
-    }
-    :host(:empty) {
-      display: none;
-    }
-    .banner-row {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 12px;
-      font-size: 13px;
-      line-height: 1.4;
-      transition: opacity 200ms ease;
-    }
-    .banner-row + .banner-row {
-      border-top: 1px solid rgba(128, 128, 128, 0.2);
-    }
-    .banner-row.level-error {
-      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
-      color: var(--error-color, #db4437);
-    }
-    .banner-row.level-warning {
-      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
-      color: var(--warning-color, #ff9800);
-    }
-    .banner-row.level-info {
-      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
-      color: var(--info-color, #4285f4);
-    }
-    .icon {
-      flex-shrink: 0;
-      width: 18px;
-      height: 18px;
-      --mdc-icon-size: 18px;
-    }
-    .message {
-      flex: 1;
-      min-width: 0;
-    }
-    .retry-btn {
-      flex-shrink: 0;
-      background: none;
-      border: 1px solid currentColor;
-      border-radius: 4px;
-      color: inherit;
-      cursor: pointer;
-      font-size: 12px;
-      padding: 2px 8px;
-    }
-    .retry-btn:hover {
-      opacity: 0.8;
-    }
-  `;
-
-  protected render() {
-    if (this._errors.length === 0) return nothing;
-
-    return html`${this._errors.map(
-      entry => html`
-        <div class="banner-row level-${entry.level}">
-          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
-          <span class="message">${entry.message}</span>
-          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
-        </div>
-      `
-    )}`;
-  }
-
-  private _iconForLevel(level: string): string {
-    switch (level) {
-      case "error":
-        return "mdi:alert-circle";
-      case "warning":
-        return "mdi:alert";
-      default:
-        return "mdi:information";
-    }
-  }
-}
-```
-
-- [ ] **Step 2: Verify the component type-checks**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 3: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/error-banner.ts
-git commit -m "feat: add span-error-banner LitElement component"
-```
-
----
-
-## Task 5: Backend — Add panel_status to Topology Response
-
-**Files:**
-
-- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`
-- Modify: `/Users/bflood/projects/HA/span/tests/test_websocket.py`
-
-- [ ] **Step 1: Write the backend test**
-
-In `/Users/bflood/projects/HA/span/tests/test_websocket.py`, add a test that verifies the `panel_status` binary sensor entity is included in the topology
-response's `panel_entities` map. Add this test to the existing integration test class that tests `handle_panel_topology`.
-
-The test should:
-
-1. Register a panel device
-2. Register a `binary_sensor` entity with unique_id `span_sp3-242424-001_panel_status` and domain `binary_sensor`
-3. Call `handle_panel_topology`
-4. Assert the result's `panel_entities` contains `"panel_status"` pointing to the registered binary sensor entity_id
-
-```python
-async def test_panel_topology_includes_panel_status_entity(
-    self,
-    hass: HomeAssistant,
-):
-    """Test that panel_status binary sensor is included in panel_entities."""
-    config_entry = MockConfigEntry(domain=DOMAIN, data={}, entry_id="test_entry")
-    config_entry.add_to_hass(hass)
-
-    serial = "sp3-242424-001"
-    snapshot = SpanPanelSnapshotFactory(serial_number=serial, circuits={})
-    coordinator = _make_coordinator(snapshot)
-    config_entry.runtime_data = SpanPanelRuntimeData(coordinator=coordinator)
-    hass.config_entries.async_update_entry(config_entry, state=ConfigEntryState.LOADED)
-
-    panel_device = _register_panel_device(hass, config_entry.entry_id, serial)
-    _register_entity(
-        hass,
-        config_entry.entry_id,
-        panel_device.id,
-        "binary_sensor",
-        f"span_{serial}_panel_status",
-        "binary_sensor.span_panel_test_panel_status",
-        original_name="Panel Status",
-    )
-
-    connection = _make_mock_connection()
-    await _handle_panel_topology_inner(
-        hass, connection, {"id": 1, "device_id": panel_device.id}
-    )
-    connection.send_result.assert_called_once()
-    result = connection.send_result.call_args[0][1]
-    assert result["panel_entities"]["panel_status"] == "binary_sensor.span_panel_test_panel_status"
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
-
-Expected: FAIL — `panel_status` key not in `panel_entities`.
-
-- [ ] **Step 3: Add the helper and wire it into the topology response**
-
-In `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`:
-
-1. Add the import for `build_binary_sensor_unique_id` from `id_builder`:
-
-```python
-from .id_builder import build_binary_sensor_unique_id
-```
-
-(Add alongside the existing `from .helpers import build_panel_unique_id` import.)
-
-1. Add a helper function after `_build_panel_entity_map`:
-
-```python
-def _resolve_panel_status_entity(
-    serial: str,
-    entity_registry: er.EntityRegistry,
-) -> str | None:
-    """Resolve the panel_status binary sensor entity_id."""
-    unique_id = build_binary_sensor_unique_id(serial.lower(), "panel_status")
-    return entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)
-```
-
-1. In `handle_panel_topology`, after the line that calls `_build_panel_entity_map` (line 135), add:
-
-```python
-panel_status_entity = _resolve_panel_status_entity(snapshot.serial_number, entity_registry)
-if panel_status_entity:
-    panel_entities["panel_status"] = panel_status_entity
-```
-
-- [ ] **Step 4: Run the test to verify it passes**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
-
-Expected: PASS.
-
-- [ ] **Step 5: Run the full backend test suite**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
-
-Expected: All tests PASS.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/span
-git add custom_components/span_panel/websocket.py tests/test_websocket.py
-git commit -m "feat: include panel_status binary sensor in topology response"
-```
-
----
-
-## Task 6: Wire Banner into Card (`span-panel-card.ts`)
-
-**Files:**
-
-- Modify: `src/card/span-panel-card.ts`
-
-- [ ] **Step 1: Add imports**
-
-At the top of `src/card/span-panel-card.ts`, add:
-
-```typescript
-import { ErrorStore } from "../core/error-store.js";
-import "../core/error-banner.js";
-```
-
-- [ ] **Step 2: Add ErrorStore instance as a class property**
-
-In the state properties section (around line 49-66), add:
-
-```typescript
-private _errorStore = new ErrorStore();
-```
-
-- [ ] **Step 3: Add banner to render output**
-
-In the render method, find the State 3 branch that renders the discovered card (the `<ha-card>` return around line 164). Add the banner element as the first
-child inside `<ha-card>`, above the tab bar:
-
-```typescript
-<ha-card ...>
-  <span-error-banner .store=${this._errorStore}></span-error-banner>
-  <!-- existing tab bar and content -->
-```
-
-- [ ] **Step 4: Wire panel status watching after discovery**
-
-In the discovery completion code (after topology is successfully fetched), add:
-
-```typescript
-if (this._topology?.panel_entities?.panel_status) {
-  this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status);
-}
-```
-
-- [ ] **Step 5: Call updateHass on each hass property change**
-
-In the `updated()` lifecycle method (around line 179), after `this._ctrl.hass = this.hass;`, add:
-
-```typescript
-this._errorStore.updateHass(this.hass);
-```
-
-- [ ] **Step 6: Wire ErrorStore into the dashboard controller**
-
-Pass the error store to the controller so it can dispatch errors. Add a property on the controller or pass the store reference where it's constructed.
-
-- [ ] **Step 7: Replace discovery error static div with ErrorStore**
-
-In the `_discoverTopology()` method, replace the `this._discoveryError = ...` line with an ErrorStore persistent error:
-
-```typescript
-} catch (fallbackErr) {
-  console.error("SPAN Panel: fallback discovery also failed", fallbackErr);
-  this._errorStore.add({
-    key: "discovery-failed",
-    level: "error",
-    message: t("error.discovery_failed"),
-    persistent: true,
-    retryFn: () => {
-      this._errorStore.remove("discovery-failed");
-      this._discover();
-    },
-  });
-}
-```
-
-Update the render method to also show the banner in the not-yet-discovered state (remove the `_discoveryError` static div, use the banner instead):
-
-```typescript
-if (!this._discovered) {
-  return html`
-    <ha-card>
-      <span-error-banner .store=${this._errorStore}></span-error-banner>
-      ${this._errorStore.active.length === 0
-        ? html`<div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>`
-        : nothing}
-    </ha-card>
-  `;
-}
-```
-
-Remove the `_discoveryError` state property if no longer needed.
-
-- [ ] **Step 8: Dispose ErrorStore on disconnect**
-
-Add cleanup in `disconnectedCallback`:
-
-```typescript
-disconnectedCallback(): void {
-  super.disconnectedCallback();
-  this._errorStore.dispose();
-}
-```
-
-- [ ] **Step 9: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 10: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/card/span-panel-card.ts
-git commit -m "feat: wire error banner and panel status watching into card"
-```
-
----
-
-## Task 7: Wire Banner into Panel (`span-panel.ts`)
-
-**Files:**
-
-- Modify: `src/panel/span-panel.ts`
-
-- [ ] **Step 1: Add imports**
-
-```typescript
-import { ErrorStore } from "../core/error-store.js";
-import "../core/error-banner.js";
-```
-
-- [ ] **Step 2: Add ErrorStore instance**
-
-```typescript
-private _errorStore = new ErrorStore();
-```
-
-- [ ] **Step 3: Add banner to render output**
-
-Place `<span-error-banner .store=${this._errorStore}></span-error-banner>` below the header/panel selector and above the tab content in the render method.
-
-- [ ] **Step 4: Wire panel status watching after discovery**
-
-After device discovery completes, for each panel's topology, call:
-
-```typescript
-if (topology?.panel_entities?.panel_status) {
-  this._errorStore.watchPanelStatus(topology.panel_entities.panel_status);
-}
-```
-
-- [ ] **Step 5: Call updateHass on hass property changes**
-
-In the `updated()` method (around line 240), add:
-
-```typescript
-this._errorStore.updateHass(this.hass);
-```
-
-- [ ] **Step 6: Surface favorites fetch errors**
-
-In `_loadFavorites()` (around line 605), replace the silent catch:
-
-```typescript
-} catch (err) {
-  console.warn("SPAN Panel: favorites fetch failed", err);
-  this._errorStore.add({
-    key: "fetch:favorites",
-    level: "warning",
-    message: t("error.favorites_fetch_failed"),
-    persistent: false,
-  });
-  return {};
-}
-```
-
-- [ ] **Step 7: Surface device discovery errors**
-
-In the discovery error catch block, add:
-
-```typescript
-this._errorStore.add({
-  key: "discovery-failed",
-  level: "error",
-  message: t("error.discovery_failed"),
-  persistent: true,
-  retryFn: () => {
-    this._errorStore.remove("discovery-failed");
-    this._discoverPanels();
-  },
-});
-```
-
-- [ ] **Step 8: Dispose on disconnect**
-
-```typescript
-disconnectedCallback(): void {
-  super.disconnectedCallback();
-  this._errorStore.dispose();
-}
-```
-
-- [ ] **Step 9: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 10: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/panel/span-panel.ts
-git commit -m "feat: wire error banner and panel status watching into panel"
-```
-
----
-
-## Task 8: Replace Side Panel Error Handling
-
-**Files:**
-
-- Modify: `src/core/side-panel.ts`
-
-- [ ] **Step 1: Add ErrorStore property and remove old error machinery**
-
-1. Remove `ERROR_DISPLAY_MS` from the import on line 4.
-2. Add a public `errorStore` property:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-1. Remove the `_showError()` method (lines 1393-1402).
-2. Remove all three `error-msg` div creation blocks (in `_buildPanelMode` ~line 666, `_buildCircuitMode` ~line 415, `_buildSubDeviceMode` ~line 873). Remove the
-   div element creation (5 lines each: createElement, className, id, style.display, appendChild).
-
-- [ ] **Step 2: Replace all `_showError()` call sites with ErrorStore**
-
-Replace each `.catch((err: Error) => this._showError(...))` pattern. For example:
-
-**Relay toggle** (around line 1011):
-
-Before:
-
-```typescript
-.catch((err: Error) => this._showError(`${t("sidepanel.relay_failed")} ${err.message ?? err}`))
-```
-
-After:
-
-```typescript
-.catch((err: Error) => {
-  this.errorStore?.add({
-    key: "service:relay",
-    level: "error",
-    message: `${t("error.relay_failed")}`,
-    persistent: false,
-  });
-})
-```
-
-**Graph horizon changes** (around lines 465, 523, 551, 615, 643, 948, 955, 1122, 1132):
-
-Replace each `_showError(...)` with:
-
-```typescript
-this.errorStore?.add({
-  key: "service:graph_horizon",
-  level: "error",
-  message: t("error.graph_horizon_failed"),
-  persistent: false,
-});
-```
-
-**Shedding** (around line 1057):
-
-```typescript
-this.errorStore?.add({
-  key: "service:shedding",
-  level: "error",
-  message: t("error.shedding_failed"),
-  persistent: false,
-});
-```
-
-**Monitoring** (around lines 1213, 1228, 1270, 1331):
-
-```typescript
-this.errorStore?.add({
-  key: "service:monitoring",
-  level: "error",
-  message: t("error.threshold_failed"),
-  persistent: false,
-});
-```
-
-**Favorites** (around line 830):
-
-```typescript
-this.errorStore?.add({
-  key: "service:favorites",
-  level: "error",
-  message: t("error.favorites_toggle_failed"),
-  persistent: false,
-});
-```
-
-- [ ] **Step 3: Pass errorStore from card and panel components**
-
-In `span-panel-card.ts`, wherever the side panel is constructed or accessed, set its errorStore property:
-
-```typescript
-sidePanel.errorStore = this._errorStore;
-```
-
-Same in `span-panel.ts`.
-
-- [ ] **Step 4: Remove error-msg CSS if it exists in card-styles**
-
-Search for `.error-msg` CSS rules in the styles and remove them since the div no longer exists.
-
-- [ ] **Step 5: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/side-panel.ts src/card/span-panel-card.ts src/panel/span-panel.ts
-git commit -m "refactor: replace side panel _showError with ErrorStore dispatch"
-```
-
----
-
-## Task 9: Replace Dashboard Controller Silent Catches
-
-**Files:**
-
-- Modify: `src/core/dashboard-controller.ts`
-
-- [ ] **Step 1: Add ErrorStore and RetryManager properties**
-
-Add imports and a property for the store:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { RetryManager } from "./retry-manager.js";
-```
-
-Add properties to the class:
-
-```typescript
-private _errorStore: ErrorStore | null = null;
-private _retryManager: RetryManager | null = null;
-
-set errorStore(store: ErrorStore) {
-  this._errorStore = store;
-  this._retryManager = new RetryManager(store);
-}
-```
-
-- [ ] **Step 2: Replace switch toggle catch (line 367)**
-
-Before:
-
-```typescript
-this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
-  console.error("SPAN Panel: switch service call failed:", err);
-});
-```
-
-After:
-
-```typescript
-if (this._retryManager) {
-  this._retryManager
-    .callService(
-      this._hass,
-      "switch",
-      service,
-      {},
-      { entity_id: switchEntity },
-      {
-        errorId: "service:relay",
-        errorMessage: t("error.relay_failed"),
-      }
-    )
-    .catch(() => {});
-} else {
-  this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(() => {});
-}
-```
-
-Add `import { t } from "../i18n.js";` if not already imported.
-
-- [ ] **Step 3: Replace history refresh catch (line 314)**
-
-Before:
-
-```typescript
-} catch {
-  // Will refresh on next interval
-}
-```
-
-After:
-
-```typescript
-} catch {
-  this._errorStore?.add({
-    key: "fetch:history",
-    level: "warning",
-    message: t("error.history_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 4: Replace graph settings fetch catch (line 148-159)**
-
-Before:
-
-```typescript
-} catch {
-  // Graph settings unavailable -- use defaults
-}
-```
-
-After:
-
-```typescript
-} catch {
-  this._errorStore?.add({
-    key: "fetch:graph_settings",
-    level: "warning",
-    message: t("error.graph_settings_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 5: Wire errorStore from card**
-
-In `span-panel-card.ts`, after creating the controller, set:
-
-```typescript
-this._ctrl.errorStore = this._errorStore;
-```
-
-Same in `span-panel.ts` for its controller instances.
-
-- [ ] **Step 6: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 7: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/dashboard-controller.ts src/card/span-panel-card.ts src/panel/span-panel.ts
-git commit -m "feat: replace dashboard controller silent catches with ErrorStore"
-```
-
----
-
-## Task 10: Surface Errors in Cache Stores and Area Resolver
-
-**Files:**
-
-- Modify: `src/core/monitoring-status.ts`
-- Modify: `src/core/graph-settings.ts`
-- Modify: `src/core/favorites-store.ts`
-- Modify: `src/core/area-resolver.ts`
-
-Each cache store needs an optional `errorStore` property. When a fetch fails, dispatch a transient error in addition to the existing fallback behavior.
-
-- [ ] **Step 1: Add errorStore to MonitoringStatusCache**
-
-In `src/core/monitoring-status.ts`, add to the `MonitoringStatusCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-```
-
-In the `fetch()` method's catch block (line 43), add:
-
-```typescript
-} catch {
-  this._status = null;
-  this.errorStore?.add({
-    key: "fetch:monitoring",
-    level: "warning",
-    message: t("error.monitoring_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 2: Add errorStore to GraphSettingsCache**
-
-In `src/core/graph-settings.ts`, add to the `GraphSettingsCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-(Note: `t` may not yet be imported in this file — add it.)
-
-In the `fetch()` method's catch block (line 49), add:
-
-```typescript
-} catch {
-  this._settings = null;
-  this.errorStore?.add({
-    key: "fetch:graph_settings",
-    level: "warning",
-    message: t("error.graph_settings_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 3: Add errorStore to FavoritesCache**
-
-In `src/core/favorites-store.ts`, add to the `FavoritesCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-In the `fetch()` method's catch block (line 98), add:
-
-```typescript
-} catch {
-  this.errorStore?.add({
-    key: "fetch:favorites",
-    level: "warning",
-    message: t("error.favorites_fetch_failed"),
-    persistent: false,
-  });
-  return this._map ?? {};
-}
-```
-
-- [ ] **Step 4: Update area-resolver.ts**
-
-In `src/core/area-resolver.ts`, add an optional errorStore parameter to `subscribeAreaUpdates`:
-
-```typescript
-export async function subscribeAreaUpdates(
-  hass: HomeAssistant,
-  topology: PanelTopology,
-  callback: () => void,
-  errorStore?: ErrorStore | null,
-): Promise<() => void> {
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-In the handler's catch block (line 114), add alongside the console.warn:
-
-```typescript
-} catch (err) {
-  console.warn("[span-panel] area registry update failed:", err);
-  errorStore?.add({
-    key: "fetch:areas",
-    level: "warning",
-    message: "Unable to update area assignments",
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 5: Wire errorStore into cache instances from controllers**
-
-In `dashboard-controller.ts`, when `errorStore` is set, propagate to caches:
-
-```typescript
-set errorStore(store: ErrorStore) {
-  this._errorStore = store;
-  this._retryManager = new RetryManager(store);
-  this.monitoringCache.errorStore = store;
-  this.graphSettingsCache.errorStore = store;
-}
-```
-
-In `span-panel-card.ts` and `span-panel.ts`, pass errorStore to any `FavoritesCache` instances and `subscribeAreaUpdates` calls.
-
-- [ ] **Step 6: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 7: Run full test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS.
-
-- [ ] **Step 8: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/monitoring-status.ts src/core/graph-settings.ts \
-  src/core/favorites-store.ts src/core/area-resolver.ts \
-  src/core/dashboard-controller.ts src/card/span-panel-card.ts \
-  src/panel/span-panel.ts
-git commit -m "feat: surface cache fetch and area resolver errors via ErrorStore"
-```
-
----
-
-## Task 11: Replace Tab Monitoring Silent Catches
-
-**Files:**
-
-- Modify: `src/panel/tab-monitoring.ts`
-
-- [ ] **Step 1: Add ErrorStore property**
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "../core/error-store.js";
-import { t } from "../i18n.js";
-```
-
-- [ ] **Step 2: Replace silent catches (lines 669, 679)**
-
-Replace each `.catch(() => {})` with:
-
-```typescript
-.catch(() => {
-  this.errorStore?.add({
-    key: "service:monitoring",
-    level: "error",
-    message: t("error.threshold_failed"),
-    persistent: false,
-  });
-})
-```
-
-- [ ] **Step 3: Wire errorStore from parent**
-
-In `span-panel.ts`, wherever `tab-monitoring` is constructed/accessed, pass:
-
-```typescript
-tabMonitoring.errorStore = this._errorStore;
-```
-
-- [ ] **Step 4: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/panel/tab-monitoring.ts src/panel/span-panel.ts
-git commit -m "feat: replace tab-monitoring silent catches with ErrorStore"
-```
-
----
-
-## Task 12: Final Verification and Build
-
-**Files:** None new — verification only.
-
-- [ ] **Step 1: Run full frontend test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS.
-
-- [ ] **Step 2: Run type-check**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 3: Run ESLint**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx eslint src/ --ext .ts`
-
-Expected: No errors.
-
-- [ ] **Step 4: Run full backend test suite**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Build and sync frontend**
-
-Run: `/sync-frontend` skill or:
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card && ./scripts/build-frontend.sh
-```
-
-Expected: Build succeeds. Dist files updated.
-
-- [ ] **Step 6: Verify in browser**
-
-Start HA dev server and verify:
-
-1. With panel online: no banner visible
-2. Simulate panel offline (stop SPAN panel or mock entity state): red banner appears "SPAN Panel unreachable"
-3. Attempt relay toggle while offline: transient error appears below persistent banner
-4. Restore panel online: persistent banner disappears, brief "SPAN Panel reconnected" info appears
-5. Trigger a service call error: transient error appears with auto-dismiss
-
-- [ ] **Step 7: Commit build artifacts if needed**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add -A
-git commit -m "build: sync frontend dist with error management changes"
-```
diff --git a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
deleted file mode 100644
index f74be39..0000000
--- a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
+++ /dev/null
@@ -1,865 +0,0 @@
-# Favorites list view — compact expanded row — Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
-> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** In By-Activity and By-Area list views, expanding a row should reveal only the chart; the two unique controls (gear and ON/OFF toggle) move onto the
-always-visible list row.
-
-**Architecture:** A new `buildExpandedChartHTML` renderer replaces the duplicative `buildExpandedCircuitHTML`. The list row gains a gear button and a tappable
-ON/OFF badge. A small shared `getCircuitStateClasses` helper keeps state-visualization classes consistent between the grid and the new chart-only expanded slot.
-
-**Tech Stack:** TypeScript, Lit (lightly used here — this card uses manual innerHTML), Vitest, Rollup, CSS-in-JS via tagged template literals.
-
-**Spec:** `docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md`
-
----
-
-## File map
-
-**Create:**
-
-- `src/core/circuit-state.ts` — shared `getCircuitStateClasses` helper.
-- `tests/circuit-state.test.ts` — unit tests for the helper.
-
-**Modify:**
-
-- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses`.
-- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML`, delete `buildExpandedCircuitHTML`.
-- `src/core/list-view-controller.ts` — swap renderer calls, widen toggle selector, extend `updateCollapsedRows`.
-- `src/core/dashboard-controller.ts` — widen `onToggleClick` pill selector to include `list-status-toggle`.
-- `src/card/card-styles.ts` — add gear/badge/chart-only rules.
-
-**Test:**
-
-- `tests/circuit-state.test.ts` (new, above).
-- `tests/list-renderer.test.ts` (new — covers both renderers' new output shape).
-
-**Sync (post-build):**
-
-- `../../../HA/span/custom_components/span_panel/frontend/dist/` — via `scripts/build-frontend.sh` in the HA integration, or the `sync-frontend` skill.
-
----
-
-## Task 1: Add shared `getCircuitStateClasses` helper
-
-Extracts the `circuit-off` / `circuit-producer` / `circuit-alert` / `circuit-custom-monitoring` class logic that `renderCircuitSlot` computes inline today. Grid
-and list will both call this so they stay in sync.
-
-**Files:**
-
-- Create: `src/core/circuit-state.ts`
-- Create: `tests/circuit-state.test.ts`
-
-- [ ] **Step 1: Write the failing test**
-
-Create `tests/circuit-state.test.ts`:
-
-```ts
-import { describe, it, expect } from "vitest";
-import { getCircuitStateClasses } from "../src/core/circuit-state.js";
-import type { Circuit, MonitoringPointInfo } from "../src/types.js";
-
-const baseCircuit: Circuit = { name: "Test" };
-
-describe("getCircuitStateClasses", () => {
-  it("returns empty string when circuit is on, not producer, no monitoring info", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, true, false)).toBe("");
-  });
-
-  it("adds circuit-off when isOn is false", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, false, false)).toBe("circuit-off");
-  });
-
-  it("adds circuit-producer when isProducer is true", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, true, true)).toBe("circuit-producer");
-  });
-
-  it("adds both when off and producer", () => {
-    const result = getCircuitStateClasses(baseCircuit, null, false, true);
-    expect(result).toContain("circuit-off");
-    expect(result).toContain("circuit-producer");
-  });
-
-  it("adds circuit-alert when monitoringInfo indicates alert", () => {
-    const info: MonitoringPointInfo = { utilization_pct: 95, over_threshold_since: "2024-01-01T00:00:00Z" };
-    const result = getCircuitStateClasses(baseCircuit, info, true, false);
-    expect(result).toContain("circuit-alert");
-  });
-
-  it("adds circuit-custom-monitoring when continuous_threshold_pct is set", () => {
-    const info: MonitoringPointInfo = { continuous_threshold_pct: 80 };
-    const result = getCircuitStateClasses(baseCircuit, info, true, false);
-    expect(result).toContain("circuit-custom-monitoring");
-  });
-
-  it("handles all classes together", () => {
-    const info: MonitoringPointInfo = {
-      utilization_pct: 99,
-      over_threshold_since: "2024-01-01T00:00:00Z",
-      continuous_threshold_pct: 80,
-    };
-    const result = getCircuitStateClasses(baseCircuit, info, false, true);
-    expect(result).toContain("circuit-off");
-    expect(result).toContain("circuit-producer");
-    expect(result).toContain("circuit-alert");
-    expect(result).toContain("circuit-custom-monitoring");
-  });
-});
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
-
-Expected: FAIL with "Cannot find module '../src/core/circuit-state.js'".
-
-- [ ] **Step 3: Implement the helper**
-
-Create `src/core/circuit-state.ts`:
-
-```ts
-import { hasCustomOverrides, isAlertActive } from "./monitoring-status.js";
-import type { Circuit, MonitoringPointInfo } from "../types.js";
-
-/**
- * Build the set of state-visualization classes that apply to a circuit's
- * rendered slot. Shared by the breaker grid and the list view's
- * chart-only expanded slot so both render the same border/background
- * signaling.
- */
-export function getCircuitStateClasses(_circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string {
-  const classes: string[] = [];
-  if (!isOn) classes.push("circuit-off");
-  if (isProducer) classes.push("circuit-producer");
-  if (isAlertActive(monitoringInfo)) classes.push("circuit-alert");
-  if (hasCustomOverrides(monitoringInfo)) classes.push("circuit-custom-monitoring");
-  return classes.join(" ");
-}
-```
-
-Note: `_circuit` is retained in the signature so future extensions (e.g. device-type specific classes) don't require a breaking change. The underscore prefix
-tells ESLint it's intentionally unused.
-
-- [ ] **Step 4: Run the test to verify it passes**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
-
-Expected: 7 passing tests.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/circuit-state.ts tests/circuit-state.test.ts
-git commit -m "feat(core): extract shared getCircuitStateClasses helper"
-```
-
----
-
-## Task 2: Adopt `getCircuitStateClasses` in `renderCircuitSlot`
-
-Replace the inline class computation in `renderCircuitSlot` with a call to the shared helper, so the grid and list stay in lockstep.
-
-**Files:**
-
-- Modify: `src/core/grid-renderer.ts`
-
-- [ ] **Step 1: Read the current state-class logic**
-
-Open `src/core/grid-renderer.ts`. Lines 193-195 currently contain:
-
-```ts
-const alertActive = isAlertActive(monitoringInfo);
-const alertClass = alertActive ? "circuit-alert" : "";
-const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
-```
-
-And line 202 uses them:
-
-```ts
-<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
-```
-
-- [ ] **Step 2: Refactor to use the shared helper**
-
-At the top of `grid-renderer.ts`, add the import alongside the existing monitoring-status import:
-
-```ts
-import { getCircuitStateClasses } from "./circuit-state.js";
-```
-
-Remove these lines from `renderCircuitSlot`:
-
-```ts
-const alertActive = isAlertActive(monitoringInfo);
-const alertClass = alertActive ? "circuit-alert" : "";
-const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
-```
-
-Replace the `<div class="circuit-slot ...">` line with:
-
-```ts
-const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
-```
-
-(add this line after the existing `const customClass` removal, before the template returns). Then change the opening div of the return template from:
-
-```ts
-<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
-```
-
-to:
-
-```ts
-<div class="circuit-slot ${stateClasses} ${layoutClass}"
-```
-
-Also remove the `isAlertActive` import from `./monitoring-status.js` **only if it has no other callers in this file** (grep the file first — keep the import if
-other call sites remain).
-
-- [ ] **Step 3: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 4: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all existing tests still pass, including `circuit-state.test.ts`.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/grid-renderer.ts
-git commit -m "refactor(grid): use shared getCircuitStateClasses"
-```
-
----
-
-## Task 3: Add `buildExpandedChartHTML` renderer
-
-Replace the full-circuit-slot expanded view with a minimal chart-only variant.
-
-**Files:**
-
-- Modify: `src/core/list-renderer.ts`
-- Create: `tests/list-renderer.test.ts`
-
-- [ ] **Step 1: Write the failing test**
-
-Create `tests/list-renderer.test.ts`:
-
-```ts
-import { describe, it, expect } from "vitest";
-import { buildExpandedChartHTML } from "../src/core/list-renderer.js";
-import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
-
-const mockHass = {
-  states: {
-    "switch.circuit_a": { state: "on", attributes: {} },
-    "sensor.circuit_a_power": { state: "150", attributes: {} },
-  },
-} as unknown as HomeAssistant;
-
-const mockConfig = { chart_metric: "power" } as unknown as CardConfig;
-
-const onCircuit: Circuit = {
-  name: "Kitchen",
-  tabs: [1],
-  relay_state: "CLOSED",
-  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
-};
-
-const offCircuit: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
-
-describe("buildExpandedChartHTML", () => {
-  it("produces a list-expanded-content wrapper with the circuit uuid", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).toContain('class="list-expanded-content"');
-    expect(html).toContain('data-expanded-uuid="uuid-123"');
-  });
-
-  it("wraps a circuit-slot that carries the chart-only marker class and data-uuid", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).toContain("circuit-slot");
-    expect(html).toContain("circuit-chart-only");
-    expect(html).toContain('data-uuid="uuid-123"');
-  });
-
-  it("contains exactly one chart-container div", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    const matches = html.match(/class="chart-container"/g);
-    expect(matches?.length).toBe(1);
-  });
-
-  it("does NOT contain circuit-header or circuit-status duplicated content", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("circuit-header");
-    expect(html).not.toContain("circuit-status");
-    expect(html).not.toContain("toggle-pill");
-    expect(html).not.toContain("breaker-badge");
-    expect(html).not.toContain("power-value");
-  });
-
-  it("applies circuit-off class when circuit is off", () => {
-    const off: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
-    const html = buildExpandedChartHTML("uuid-123", off, mockHass, mockConfig, null);
-    expect(html).toContain("circuit-off");
-  });
-
-  it("omits circuit-off class when circuit is on", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("circuit-off");
-  });
-
-  it("escapes unsafe uuids", () => {
-    const html = buildExpandedChartHTML('"><script>alert(1)</script>', onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("<script>");
-  });
-});
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: FAIL with "`buildExpandedChartHTML` is not exported" or similar.
-
-- [ ] **Step 3: Implement `buildExpandedChartHTML` and delete `buildExpandedCircuitHTML`**
-
-In `src/core/list-renderer.ts`, add this import alongside existing ones:
-
-```ts
-import { DEVICE_TYPE_PV } from "../constants.js";
-import { getCircuitStateClasses } from "./circuit-state.js";
-```
-
-Replace the existing `buildExpandedCircuitHTML` function (lines 135-145) with:
-
-```ts
-/**
- * Build the chart-only expanded content for a list row. The collapsed
- * list row already shows breaker / name / shedding / utilization / status /
- * power, so the expanded area only needs to surface the chart. State-
- * visualization classes (off, producer, alert, custom monitoring) still
- * apply to the wrapping slot so border/background signaling is preserved.
- */
-export function buildExpandedChartHTML(
-  uuid: string,
-  circuit: Circuit,
-  hass: HomeAssistant,
-  config: CardConfig,
-  monitoringInfo: MonitoringPointInfo | null
-): string {
-  void config;
-  const powerEid = circuit.entities?.power;
-  const powerState = powerEid ? hass.states[powerEid] : null;
-  const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;
-  const isProducer = circuit.device_type === DEVICE_TYPE_PV || powerW < 0;
-
-  const switchEid = circuit.entities?.switch;
-  const switchState = switchEid ? hass.states[switchEid] : null;
-  const isOn = switchState
-    ? switchState.state === "on"
-    : ((powerState?.attributes?.relay_state as string | undefined) || circuit.relay_state) === RELAY_STATE_CLOSED;
-
-  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
-  const safeUuid = escapeHtml(uuid);
-
-  return `
-    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
-      <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
-        <div class="chart-container"></div>
-      </div>
-    </div>
-  `;
-}
-```
-
-Keep the `renderCircuitSlot` import removable — verify nothing else in `list-renderer.ts` references it, and drop the import if so.
-
-- [ ] **Step 4: Run the new tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: all 7 tests pass.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: errors about `buildExpandedCircuitHTML` being used in `list-view-controller.ts` (we fix that in Task 5). Note the errors — they will be resolved in
-Task 5. **Do not commit yet.** Continue to Step 6.
-
-- [ ] **Step 6: Leave the commit for the combined Task 5 commit**
-
-Do NOT commit yet. Task 5 will update `list-view-controller.ts` to import and call `buildExpandedChartHTML`, which resolves the remaining typecheck failures.
-Committing now would break the build at HEAD.
-
----
-
-## Task 4: Add gear and tappable badge to `buildListRowHTML`
-
-**Files:**
-
-- Modify: `src/core/list-renderer.ts`
-- Modify: `tests/list-renderer.test.ts` (append to the file from Task 3)
-
-- [ ] **Step 1: Write the failing tests for the new list-row structure**
-
-Append to `tests/list-renderer.test.ts`:
-
-```ts
-import { buildListRowHTML } from "../src/core/list-renderer.js";
-
-const controllableCircuit: Circuit = {
-  name: "Kitchen",
-  tabs: [1],
-  relay_state: "CLOSED",
-  is_user_controllable: true,
-  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
-};
-
-const nonControllableCircuit: Circuit = {
-  name: "Solar",
-  tabs: [2],
-  relay_state: "CLOSED",
-  is_user_controllable: false,
-  entities: { power: "sensor.circuit_b_power" },
-};
-
-describe("buildListRowHTML gear and tappable badge", () => {
-  it("adds a gear button with data-uuid", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).toContain("gear-icon");
-    expect(html).toContain("circuit-gear");
-    expect(html).toContain('data-uuid="uuid-42"');
-  });
-
-  it("puts the gear after list-power-value and before list-expand-toggle", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    const valueIdx = html.indexOf("list-power-value");
-    const gearIdx = html.indexOf("gear-icon");
-    const toggleIdx = html.indexOf("list-expand-toggle");
-    expect(valueIdx).toBeGreaterThan(-1);
-    expect(gearIdx).toBeGreaterThan(valueIdx);
-    expect(toggleIdx).toBeGreaterThan(gearIdx);
-  });
-
-  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).toContain("list-status-toggle");
-  });
-
-  it("omits list-status-toggle for non-controllable circuits", () => {
-    const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
-  });
-
-  it("omits list-status-toggle when circuit has no switch entity", () => {
-    const noSwitch: Circuit = { ...controllableCircuit, entities: { power: "sensor.circuit_a_power" } };
-    const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
-  });
-
-  it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    const rowMatch = html.match(/<div class="list-row[^"]*"([^>]*)>/);
-    expect(rowMatch).not.toBeNull();
-    const attrs = rowMatch?.[1] ?? "";
-    expect(attrs).toContain('data-uuid="uuid-42"');
-    expect(attrs).toContain('data-row-uuid="uuid-42"');
-  });
-});
-```
-
-- [ ] **Step 2: Run the tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: the 6 new tests fail; the 7 from Task 3 still pass.
-
-- [ ] **Step 3: Import `MONITORING_COLORS` and update `buildListRowHTML`**
-
-In `src/core/list-renderer.ts`, extend the constants import:
-
-```ts
-import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
-```
-
-Add an import for `hasCustomOverrides`:
-
-```ts
-import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
-```
-
-Inside `buildListRowHTML`, compute the gear color and toggleability block. After the `utilizationHTML` block (around line 110) but before the `statusBadge`
-line, add:
-
-```ts
-// Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.
-const hasOverridesFlag = monitoringInfo ? hasCustomOverrides(monitoringInfo) : false;
-const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
-const gearHTML = `<button class="gear-icon circuit-gear"
-  data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
-  title="${t("grid.configure")}">
-  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
-</button>`;
-
-// Make the status badge tappable only when the circuit can actually be
-// toggled. Uses the same gate as the breaker-grid toggle-pill.
-const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
-const toggleClass = isToggleable ? " list-status-toggle" : "";
-```
-
-Replace the existing `statusBadge` definition:
-
-```ts
-const statusBadge = isOn
-  ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
-  : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
-```
-
-Replace the return template's opening row div and insert the gear before the expand toggle:
-
-```ts
-return `
-  <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
-       data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
-    ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
-    <span class="list-circuit-name">${name}</span>
-    ${sheddingHTML}
-    ${utilizationHTML}
-    ${statusBadge}
-    <span class="list-power-value">
-      ${valueHTML}
-    </span>
-    ${gearHTML}
-    <button class="list-expand-toggle ${isExpanded ? "expanded" : ""}" data-expand-uuid="${escapeHtml(uuid)}">
-      <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>
-    </button>
-  </div>
-`;
-```
-
-- [ ] **Step 4: Run the tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: all 13 tests pass.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: TypeScript errors remaining from Task 3 about `list-view-controller.ts` calling the deleted `buildExpandedCircuitHTML`. The list-renderer.ts itself
-should be clean.
-
-- [ ] **Step 6: Do not commit yet — continue to Task 5**
-
-Task 5 closes out the list-renderer changes by updating the controller to call the new function.
-
----
-
-## Task 5: Update `ListViewController`
-
-Swap renderer calls, widen the toggle selector, and update `updateCollapsedRows` to keep the `list-status-toggle` class in sync with controllability.
-
-**Files:**
-
-- Modify: `src/core/list-view-controller.ts`
-
-- [ ] **Step 1: Update the import**
-
-Change the list-renderer import line near the top of `src/core/list-view-controller.ts`:
-
-```ts
-import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
-```
-
-(Drop `buildExpandedCircuitHTML` from the import list.)
-
-- [ ] **Step 2: Swap the three call sites**
-
-Replace every `buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority)` call with
-`buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo)`. The three sites are in `renderActivityView`, `renderAreaView`, and `_toggleExpand`.
-
-- [ ] **Step 3: Widen the toggle selector**
-
-In `_bindEvents`, change:
-
-```ts
-const togglePill = target.closest(".toggle-pill");
-if (togglePill) {
-```
-
-to:
-
-```ts
-const togglePill = target.closest(".toggle-pill, .list-status-toggle");
-if (togglePill) {
-```
-
-- [ ] **Step 4: Update `updateCollapsedRows` to keep badge class in sync**
-
-In `updateCollapsedRows`, after the existing `statusBadge.classList.toggle("list-status-on", isOn); statusBadge.classList.toggle("list-status-off", !isOn);`
-block, add:
-
-```ts
-if (statusBadge) {
-  const circuit2 = circuit; // already in scope
-  const isToggleable = circuit2.is_user_controllable !== false && !!circuit2.entities?.switch;
-  statusBadge.classList.toggle("list-status-toggle", isToggleable);
-}
-```
-
-(The existing `if (statusBadge)` block can be extended in place — just inline the toggleable class update into it instead of introducing a second `if`.)
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 6: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all tests pass.
-
-- [ ] **Step 7: Commit Tasks 3–5 together**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/list-renderer.ts src/core/list-view-controller.ts tests/list-renderer.test.ts
-git commit -m "feat(list): chart-only expanded rows; gear + tappable badge on list row"
-```
-
----
-
-## Task 6: Widen `onToggleClick` to accept `.list-status-toggle`
-
-`DashboardController.onToggleClick` hardcodes `target.closest(".toggle-pill")` — without this change, taps on the new tappable badge are swallowed.
-
-**Files:**
-
-- Modify: `src/core/dashboard-controller.ts`
-
-- [ ] **Step 1: Locate the selector**
-
-Open `src/core/dashboard-controller.ts`. Around line 330 you'll see:
-
-```ts
-onToggleClick(ev: Event, root: DOMRoot): void {
-  const target = ev.target as HTMLElement | null;
-  const pill = target?.closest(".toggle-pill");
-  if (!pill) return;
-```
-
-- [ ] **Step 2: Widen the selector**
-
-Change the `.toggle-pill` closest call to:
-
-```ts
-const pill = target?.closest(".toggle-pill, .list-status-toggle");
-```
-
-No other changes — the ancestor `.closest("[data-uuid]")` already finds the list row because Task 4 added `data-uuid` to `.list-row`.
-
-- [ ] **Step 3: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no errors.
-
-- [ ] **Step 4: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all tests pass.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/dashboard-controller.ts
-git commit -m "fix(dashboard): accept .list-status-toggle as a toggle target"
-```
-
----
-
-## Task 7: CSS — gear, tappable badge, chart-only slot
-
-**Files:**
-
-- Modify: `src/card/card-styles.ts`
-
-- [ ] **Step 1: Read the current expanded-content styles**
-
-Open `src/card/card-styles.ts`. Locate the two blocks added in the Favorites feature:
-
-```css
-.list-expanded-content {
-  padding: 12px;
-  background: var(--card-background-color, #1c1c1c);
-  ...
-}
-
-.list-expanded-content .circuit-slot {
-  border: none;
-  margin: 0;
-  ...
-}
-```
-
-And note the current `.chart-container` height rule for the list view (search for `.list-expanded-content .chart-container` or the general `.chart-container`
-rule). Record the current height so the new chart-only rule matches it.
-
-- [ ] **Step 2: Add the new rules and remove the redundant override**
-
-Inside the styles template string, add these rules (place them near the existing `.list-expanded-content` block so related styles stay adjacent):
-
-```css
-/* ── List row gear ─────────────────────────────────────── */
-.list-row .gear-icon {
-  background: transparent;
-  border: none;
-  padding: 2px;
-  cursor: pointer;
-  color: #555;
-  display: inline-flex;
-  align-items: center;
-}
-.list-row .gear-icon:hover {
-  color: var(--primary-text-color);
-}
-
-/* ── Tappable status badge ─────────────────────────────── */
-.list-status-badge.list-status-toggle {
-  cursor: pointer;
-  user-select: none;
-}
-.list-status-badge.list-status-toggle:hover {
-  filter: brightness(1.15);
-}
-
-/* ── Chart-only expanded slot ──────────────────────────── */
-.circuit-slot.circuit-chart-only {
-  border: none;
-  padding: 8px 12px;
-  margin: 0;
-  /* Existing .circuit-alert / .circuit-custom-monitoring rules still apply. */
-}
-.circuit-slot.circuit-chart-only .chart-container {
-  width: 100%;
-  /* Keep chart height equal to the pre-change value (see Step 1). */
-  height: <VALUE_FROM_STEP_1>;
-}
-```
-
-Update `.list-expanded-content` padding from `12px` to `0`:
-
-```css
-.list-expanded-content {
-  padding: 0;
-  background: var(--card-background-color, #1c1c1c);
-  /* keep other existing properties */
-}
-```
-
-Delete the now-redundant:
-
-```css
-.list-expanded-content .circuit-slot {
-  border: none;
-  margin: 0;
-}
-```
-
-(Its behaviors are subsumed by the new `.circuit-slot.circuit-chart-only` rule.)
-
-- [ ] **Step 3: Build and visually verify**
-
-Run:
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-npm run build
-```
-
-Expected: build succeeds with no typecheck or rollup errors.
-
-- [ ] **Step 4: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/card/card-styles.ts
-git commit -m "style: list-row gear, tappable badge, chart-only slot"
-```
-
----
-
-## Task 8: Sync built bundle into the HA integration and smoke-test
-
-**Files:**
-
-- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/frontend/dist/*` (generated)
-
-- [ ] **Step 1: Sync the built bundle**
-
-Use the `sync-frontend` skill (preferred), or run the HA-side script:
-
-```bash
-cd /Users/bflood/projects/HA/span
-./scripts/build-frontend.sh
-```
-
-Expected: `custom_components/span_panel/frontend/dist/span-card.js` is updated.
-
-- [ ] **Step 2: Commit the synced bundle in the HA repo**
-
-```bash
-cd /Users/bflood/projects/HA/span
-git add custom_components/span_panel/frontend/dist/
-git commit -m "build: sync span-card bundle (compact expanded list rows)"
-```
-
-- [ ] **Step 3: Manual smoke tests (from the spec's test plan)**
-
-Reload the Home Assistant dashboard and the Favorites panel, then verify:
-
-1. **By-Activity view, Favorites panel:** expand a row — only the chart appears, no duplicated header/status. Chart height matches the previous layout.
-2. **By-Area view, Favorites panel:** same.
-3. **By-Activity / By-Area in the regular dashboard card:** same.
-4. **Gear on list row:** tap it — side panel opens for that circuit.
-5. **Tappable ON/OFF badge (controllable circuit):** tap it — after arming the panel-level "Enable switches" slide-to-confirm, the badge toggles state; row
-   re-sorts according to new state.
-6. **Non-controllable circuit (PV):** the badge shows ON/OFF but has no hover cursor, and taps do nothing.
-7. **Alert signaling:** a circuit with an active alert shows the alert border on the expanded chart slot.
-8. **Favorites state persistence:** reload the page — previously expanded rows remain expanded with their charts rendered.
-9. **Breaker grid view:** unchanged visually and behaviorally.
-
-- [ ] **Step 4: If smoke tests pass, you're done**
-
-If any smoke test fails, capture the failure mode and open a follow-up issue or fix in place before wrapping.
-
----
-
-## Self-review notes
-
-- **Spec coverage:** §1 (list row) → Task 4. §2 (expanded content) → Task 3. §3 (shared helper) → Tasks 1 & 2. §4 (controller wiring) → Tasks 5 & 6. §5 (CSS) →
-  Task 7. Verification points §1/§2/§3 → covered explicitly in Tasks 6, 4, and 7 respectively.
-- **Placeholders:** one intentional placeholder in Task 7 Step 2 (`<VALUE_FROM_STEP_1>`) — this is an instruction to read-and-replace a runtime value from the
-  current CSS, not a TBD for later.
-- **Type consistency:** `getCircuitStateClasses` signature matches across Task 1 definition, Task 2 call, and Task 3 call. `buildExpandedChartHTML` signature
-  defined in Task 3 matches import and call sites in Task 5.
diff --git a/docs/superpowers/specs/2026-04-15-error-management-design.md b/docs/superpowers/specs/2026-04-15-error-management-design.md
deleted file mode 100644
index 3c0dde0..0000000
--- a/docs/superpowers/specs/2026-04-15-error-management-design.md
+++ /dev/null
@@ -1,300 +0,0 @@
-# Error Management Design Spec
-
-**Date:** 2026-04-15 **Scope:** span-card frontend + span_panel backend (websocket.py) **Branch:** feature/favorites-view
-
-## Problem
-
-The span-card frontend has no user-facing error management for panel unavailability. When a SPAN panel goes offline:
-
-- Charts silently stop updating (`parseFloat("unavailable")` returns NaN, samples are skipped)
-- Switch toggles fail silently (console.error only)
-- Favorites, history, monitoring, and graph settings fetches fail silently
-- The only user-visible error display is `_showError()` inside the side panel, which auto-dismisses after 5 seconds and only covers service calls made from
-  within the side panel
-
-The backend already tracks `panel_offline` state in the coordinator and surfaces it via a `binary_sensor.*_panel_status` entity that is always available.
-Entities have per-type availability strategies. The frontend does not consume any of these signals.
-
-## Design Decisions
-
-| Decision                    | Choice                                                      | Rationale                                                                     |
-| --------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------------------------- |
-| Card vs panel error UX      | Identical in both contexts                                  | Users expect consistent behavior                                              |
-| Retry behavior              | Automatic (3x backoff) + manual fallback                    | Handles transient failures automatically; gives user control after exhaustion |
-| Stale data visual treatment | Banner only, no opacity/degradation                         | Clean, non-distracting; banner is sufficient signal                           |
-| Panel status detection      | Watch `binary_sensor.*_panel_status`                        | Single source of truth maintained by coordinator                              |
-| Error display location      | Top-of-dashboard banner                                     | Side panel implies configuration, not system state                            |
-| Service call error location | Same top banner                                             | Consistent single location for all errors                                     |
-| Banner persistence          | State-driven; persistent errors stay until condition clears | Panel offline must never be displaced by transient errors                     |
-| Transient error stacking    | New transient replaces previous transient                   | Prevents banner noise from rapid failures                                     |
-
-## Architecture
-
-### ErrorStore (`src/core/error-store.ts`)
-
-Singleton class managing all active error state.
-
-#### Error Entry Shape
-
-```typescript
-interface ErrorEntry {
-  id: string; // unique key, e.g. "panel-offline", "service:set_threshold:abc123"
-  level: "info" | "warning" | "error";
-  message: string; // localized display string
-  persistent: boolean; // true = stays until explicitly cleared; false = auto-dismiss
-  ttl?: number; // auto-dismiss ms for transient errors (default 5000)
-  retryFn?: () => void; // optional retry callback, shown as "Retry" button
-  timestamp: number; // when the error was added
-}
-```
-
-#### Two-Lane Model
-
-- **Persistent lane** — entries with `persistent: true` (e.g., panel offline). Remain until explicitly removed via `ErrorStore.remove(id)`. Multiple persistent
-  errors can coexist (e.g., two panels both offline in the integration panel view). Never displaced by transient errors.
-- **Transient lane** — entries with `persistent: false` (e.g., failed service call). Auto-dismiss after `ttl` ms. Only one transient error is displayed at a
-  time — a new transient error replaces the previous one regardless of `id`. If the same `id` is re-added, the timer resets. This prevents banner noise from
-  rapid successive failures.
-
-#### API
-
-```typescript
-class ErrorStore {
-  add(entry: ErrorEntry): void;
-  remove(id: string): void;
-  clear(filter?: { persistent?: boolean }): void;
-  get active(): ErrorEntry[]; // persistent first, then transient
-  subscribe(cb: () => void): () => void; // returns unsubscribe fn
-  watchPanelStatus(hass: HomeAssistant, entityId: string): void;
-  updateHass(hass: HomeAssistant): void;
-}
-```
-
-#### Panel Status Watching
-
-- `watchPanelStatus(hass, entityId)` is called once after topology discovery with the `panel_status` binary sensor entity ID from the topology response.
-- On each `hass` property update, the card/panel calls `ErrorStore.updateHass(hass)`.
-- The store reads `hass.states[entityId].state`:
-  - `"off"` (panel offline) -> adds persistent `"panel-offline"` error at level `"error"`
-  - `"on"` -> removes the `"panel-offline"` error; briefly adds a transient `"info"` entry ("SPAN Panel reconnected")
-  - `"unavailable"` or `"unknown"` -> treated as offline
-
-### RetryManager (`src/core/retry-manager.ts`)
-
-Wraps async operations with automatic retry and backoff, dispatches to ErrorStore on exhaustion.
-
-#### Behavior
-
-- Wraps any `() => Promise<T>` call
-- On failure: retries up to 3 times with exponential backoff (1s, 2s, 4s)
-- On exhaustion: adds a transient error to the ErrorStore with failure message and optional retry callback
-- On success after prior failure: removes the error from the store
-- If the ErrorStore has an active `panel-offline` persistent error, skips automatic retries for service calls and immediately dispatches a transient error
-  ("Panel offline - action unavailable")
-
-#### API
-
-```typescript
-class RetryManager {
-  constructor(private store: ErrorStore) {}
-
-  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T>;
-
-  async callService(
-    hass: HomeAssistant,
-    domain: string,
-    service: string,
-    data?: Record<string, unknown>,
-    target?: Record<string, unknown>,
-    opts?: { errorId?: string; errorMessage?: string; retries?: number }
-  ): Promise<void>;
-}
-```
-
-The `errorId` controls deduplication (e.g., all graph horizon calls share `"service:graph_horizon"`). If omitted, auto-generated from service/WS type.
-
-#### Scope
-
-RetryManager is for user-initiated actions (service calls) and one-shot fetches (topology discovery, history loads). It does NOT wrap data fetches that have
-their own 30-second polling caches (graph settings, monitoring status, favorites) — those caches re-attempt on the next poll cycle.
-
-### `<span-error-banner>` Component (`src/core/error-banner.ts`)
-
-LitElement custom element that renders active errors from the ErrorStore.
-
-#### Rendering Rules
-
-- Subscribes to ErrorStore on `connectedCallback`, unsubscribes on `disconnectedCallback`
-- Renders all persistent errors first, then the current transient error
-- Each error: icon (left) + message text + optional "Retry" button (right)
-- Colors via HA CSS variables:
-  - `error` level: `var(--error-color)` background tint
-  - `warning` level: `var(--warning-color)` background tint
-  - `info` level: `var(--info-color)` background tint
-- Icons: `mdi:alert-circle` (error), `mdi:alert` (warning), `mdi:information` (info)
-- Persistent errors: no dismiss button
-- Transient errors: no dismiss button, auto-dismiss via TTL
-- When no errors active: renders nothing (no reserved space)
-
-#### Placement
-
-- `span-panel-card.ts`: inside `<ha-card>`, above the tab bar and content
-- `span-panel.ts`: below the header/panel selector, above tab content
-- Same component in both contexts
-
-#### Styling
-
-- Full width of card/panel
-- Compact: small vertical padding, standard card font size
-- Stacked persistent + transient errors separated by thin divider
-- Entrance/exit: opacity fade transition (~200ms)
-
-## Backend Change
-
-### WebSocket Topology Response (`websocket.py`)
-
-Add the `panel_status` binary sensor entity ID to the topology response's entity map. Currently `_PANEL_SENSOR_KEYS` only resolves `sensor.*` entities. Add a
-parallel lookup for the binary sensor.
-
-The topology response `panel_entities` map gains:
-
-```json
-{
-  "panel_status": "binary_sensor.span_panel_xxx_panel_status"
-}
-```
-
-Implementation: add a helper function (e.g., `_resolve_panel_status_entity`) in `websocket.py` that uses the existing `build_binary_sensor_unique_id` from
-`id_builder.py` to construct the unique_id, then resolves the entity_id via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)`. Call this
-helper alongside the existing `_build_panel_entity_map` call in `handle_panel_topology` and merge the result into the `panel_entities` dict.
-
-### Frontend Type Change (`types.ts`)
-
-Add `panel_status?: string` to the `PanelEntities` interface.
-
-## Integration Points
-
-### Side Panel (`side-panel.ts`)
-
-Remove `_showError()` method, `#error-msg` div element, and auto-dismiss timer. All ~15 call sites route through ErrorStore instead. The side panel receives the
-ErrorStore instance as a property.
-
-### Dashboard Controller (`dashboard-controller.ts`)
-
-- Switch toggle (line 367): replace `console.error` catch with RetryManager call
-- History refresh (line 314): replace silent catch with ErrorStore transient error ("Unable to load historical data")
-- Graph settings fetch (line 157): dispatch transient error on failure instead of silent fallback
-
-### Card (`span-panel-card.ts`)
-
-- Add `<span-error-banner>` to render output above tab bar
-- Create ErrorStore instance, pass to child components
-- Replace discovery error static div with ErrorStore persistent error + retry callback
-- Call `ErrorStore.watchPanelStatus()` after topology discovery
-- Call `ErrorStore.updateHass()` on each `hass` property update
-
-### Panel (`span-panel.ts`)
-
-- Add `<span-error-banner>` below header, above tab content
-- Create ErrorStore instance, pass to child components
-- Surface device discovery and favorites fetch errors
-- Call `ErrorStore.watchPanelStatus()` after discovery
-- Call `ErrorStore.updateHass()` on each `hass` property update
-
-### Tab Monitoring (`tab-monitoring.ts`)
-
-Replace silent `.catch(() => {})` patterns (lines 669, 679) with ErrorStore transient errors.
-
-### Cache Stores
-
-These already have 30s polling. On fetch failure, dispatch a transient error to ErrorStore in addition to returning cached/default data:
-
-- `monitoring-status.ts` — "Unable to load monitoring status"
-- `favorites-store.ts` — "Unable to load favorites"
-- `graph-settings.ts` — "Unable to load graph settings"
-
-### Area Resolver (`area-resolver.ts`)
-
-Replace silent subscription failure (line 94) with a transient warning via ErrorStore.
-
-### Card Discovery (`card-discovery.ts`)
-
-Wire retry callback into ErrorStore persistent error entry so the user can re-trigger discovery without reloading the dashboard.
-
-### Constants (`constants.ts`)
-
-Remove `ERROR_DISPLAY_MS` (5000ms). The ErrorStore defines its own `DEFAULT_ERROR_TTL = 5000` constant internally.
-
-## i18n Keys
-
-All new strings added to `i18n.ts` for all 5 locales (en, es, fr, ja, pt):
-
-### Persistent Errors
-
-| Key                         | English                         |
-| --------------------------- | ------------------------------- |
-| `error.panel_offline`       | SPAN Panel unreachable          |
-| `error.panel_offline_named` | SPAN Panel '{name}' unreachable |
-| `error.discovery_failed`    | Unable to connect to SPAN Panel |
-
-### Transient Errors
-
-| Key                             | English                             |
-| ------------------------------- | ----------------------------------- |
-| `error.service_failed`          | Action failed: {detail}             |
-| `error.relay_failed`            | Unable to toggle relay              |
-| `error.shedding_failed`         | Unable to update shedding priority  |
-| `error.threshold_failed`        | Unable to save threshold            |
-| `error.graph_horizon_failed`    | Unable to update graph time horizon |
-| `error.favorites_fetch_failed`  | Unable to load favorites            |
-| `error.favorites_toggle_failed` | Unable to update favorite           |
-| `error.history_failed`          | Unable to load historical data      |
-| `error.monitoring_failed`       | Unable to load monitoring status    |
-| `error.graph_settings_failed`   | Unable to load graph settings       |
-
-### Info
-
-| Key                       | English                |
-| ------------------------- | ---------------------- |
-| `error.panel_reconnected` | SPAN Panel reconnected |
-
-### UI
-
-| Key               | English                     |
-| ----------------- | --------------------------- |
-| `error.retry`     | Retry                       |
-| `card.connecting` | Connecting to SPAN Panel... |
-
-## File Impact Summary
-
-### New Files (3)
-
-| File                        | Purpose                          |
-| --------------------------- | -------------------------------- |
-| `src/core/error-store.ts`   | ErrorStore singleton             |
-| `src/core/retry-manager.ts` | RetryManager utility             |
-| `src/core/error-banner.ts`  | `<span-error-banner>` LitElement |
-
-### Backend Change (1)
-
-| File                                        | Change                                                |
-| ------------------------------------------- | ----------------------------------------------------- |
-| `custom_components/span_panel/websocket.py` | Add `panel_status` binary sensor to topology response |
-
-### Modified Frontend Files (12)
-
-| File                               | Change                                              |
-| ---------------------------------- | --------------------------------------------------- |
-| `src/core/side-panel.ts`           | Remove `_showError()`, route errors to ErrorStore   |
-| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager |
-| `src/card/span-panel-card.ts`      | Add banner, ErrorStore, panel status watching       |
-| `src/panel/span-panel.ts`          | Add banner, ErrorStore, panel status watching       |
-| `src/panel/tab-monitoring.ts`      | Replace silent catches                              |
-| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                     |
-| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                     |
-| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                     |
-| `src/core/area-resolver.ts`        | Dispatch warning on failure                         |
-| `src/card/card-discovery.ts`       | Wire retry into ErrorStore                          |
-| `src/i18n.ts`                      | Add error keys for 5 locales                        |
-| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                           |
-| `src/types.ts`                     | Add `panel_status` to `PanelEntities`               |
diff --git a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
deleted file mode 100644
index 8e290a0..0000000
--- a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
+++ /dev/null
@@ -1,186 +0,0 @@
-# Favorites list view: compact expanded row
-
-Date: 2026-04-15 Repo: `span-card` (consumed by `span` HA integration)
-
-## Problem
-
-In the By-Area and By-Activity views, expanding a list row currently renders a full breaker "slot" above the chart: breaker badge, name, power/current value,
-toggle pill, shedding icon, utilization %, gear. Every value in that expanded header is already shown in the collapsed list row beside it. The duplication
-wastes vertical space that would be better used by the chart.
-
-The expanded view does contribute two things the collapsed row does not: a tappable on/off toggle, and a gear that opens the side panel for that circuit.
-
-## Goal
-
-Make the expanded list row show only the chart. Move the two unique controls into the collapsed row so they are always reachable without losing affordance.
-
-## Scope
-
-Applies to every invocation of `ListViewController` — both the Favorites full-page panel and the span-panel card dashboard's By-Area / By-Activity views.
-Breaker grid view is not affected.
-
-## Design
-
-### 1. List row (collapsed)
-
-New layout, left to right:
-
-```text
-[breaker badge] [name] [shedding] [util%] [ON/OFF badge*] [power] [gear] [chevron]
-```
-
-Changes versus today:
-
-- **Gear button** added between power and chevron. Uses the same `.gear-icon.circuit-gear` class and `data-uuid` attribute the breaker grid uses. Gear color
-  follows the existing "has custom overrides" rule (`MONITORING_COLORS.custom` vs `#555`). Clicks route to `DashboardController.onGearClick` via the existing
-  `.gear-icon` delegated handler — no new wiring.
-- **ON/OFF badge becomes tappable** only when `circuit.is_user_controllable !== false && circuit.entities?.switch`. When tappable the badge gains a
-  `list-status-toggle` class (adds `cursor: pointer`, hover state). When not tappable, the badge renders exactly as it does today — static.
-- Tappable badge clicks route to `DashboardController.onToggleClick`. Event delegation in `list-view-controller.ts` extends its toggle selector to
-  `.toggle-pill, .list-status-toggle`.
-
-The existing `list-status-on` / `list-status-off` classes continue to control badge color.
-
-OFF circuits continue to render an empty power cell.
-
-### 2. Expanded content (chart-only)
-
-New helper in `core/list-renderer.ts`:
-
-```ts
-export function buildExpandedChartHTML(
-  uuid: string,
-  circuit: Circuit,
-  hass: HomeAssistant,
-  config: CardConfig,
-  monitoringInfo: MonitoringPointInfo | null
-): string;
-```
-
-Produces:
-
-```html
-<div class="list-expanded-content" data-expanded-uuid="{uuid}">
-  <div class="circuit-slot circuit-chart-only {state-classes}" data-uuid="{uuid}">
-    <div class="chart-container"></div>
-  </div>
-</div>
-```
-
-Where `{state-classes}` is a space-joined string of any of `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring` — produced by a new
-shared helper (see §3).
-
-`buildExpandedCircuitHTML` is deleted. All three call sites in `list-view-controller.ts` switch to `buildExpandedChartHTML`.
-
-Preserving the `.circuit-slot[data-uuid]` wrapper is intentional: `DashboardController.updateDOM` walks that selector to attach charts to their
-`.chart-container`. Zero changes required in the chart-attachment pipeline.
-
-The `circuit-chart-only` class is a CSS-only marker (tight padding, full-bleed chart). It does not gate any logic.
-
-### 3. Shared state-class helper
-
-Extract into `core/list-renderer.ts` (or a new `core/circuit-state.ts` — picked during implementation based on import cleanliness):
-
-```ts
-export function getCircuitStateClasses(circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string;
-```
-
-Returns a class string containing any of: `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring`.
-
-`grid-renderer.ts` `renderCircuitSlot` adopts this same helper so grid and list stay in sync. This is the only factoring change in `renderCircuitSlot`.
-
-### 4. Event handling in `ListViewController`
-
-`_bindEvents` changes:
-
-- Toggle selector widens: `target.closest(".toggle-pill, .list-status-toggle")`.
-- Gear selector unchanged (`.gear-icon`). The list-row gear uses the same class, so it is already covered.
-
-`updateCollapsedRows` additions:
-
-- When a circuit flips, it already updates badge text and `list-status-on`/`list-status-off`. Also ensure `list-status-toggle` is added/removed if
-  controllability changes (rare, but cheap).
-- Sort logic and expanded-row pairing in `partitionRowGroups` / `reorderListRows` unchanged.
-
-`_toggleExpand`, `_applyFilter`, favorites state persistence (`FAVORITES_VIEW_STATE_CHANGED_EVENT`, `_expandedUuids`, `_searchQuery`) all unchanged.
-
-### 5. CSS (`card/card-styles.ts`)
-
-Add:
-
-```css
-.list-row .gear-icon {
-  background: transparent;
-  border: none;
-  padding: 2px;
-  cursor: pointer;
-  color: #555;
-  display: inline-flex;
-  align-items: center;
-}
-.list-row .gear-icon:hover {
-  color: var(--primary-text-color);
-}
-
-.list-status-badge.list-status-toggle {
-  cursor: pointer;
-  user-select: none;
-}
-.list-status-badge.list-status-toggle:hover {
-  filter: brightness(1.15);
-}
-
-.list-expanded-content {
-  padding: 0;
-}
-
-.circuit-slot.circuit-chart-only {
-  border: none;
-  padding: 8px 12px;
-  margin: 0;
-}
-```
-
-Chart height within `.circuit-chart-only .chart-container` must match today's expanded chart height. Exact value is pinned during implementation by reading the
-current rule; noted as a verification point.
-
-Remove the now-redundant `.list-expanded-content .circuit-slot { border: none; margin: 0; }` override.
-
-Existing `.circuit-alert` / `.circuit-custom-monitoring` rules continue to style `.circuit-slot` and therefore also apply to `.circuit-slot.circuit-chart-only`
-— alert/custom border signaling is preserved on the expanded chart.
-
-## Files touched
-
-- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML` (gear, tappable badge), extract `getCircuitStateClasses`, delete
-  `buildExpandedCircuitHTML`.
-- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses` in `renderCircuitSlot`.
-- `src/core/list-view-controller.ts` — swap renderer at three sites; widen toggle selector; badge-class upkeep in `updateCollapsedRows`.
-- `src/card/card-styles.ts` — gear rules, tappable badge rules, chart-only slot rules; remove redundant override.
-
-Not touched: `panel/span-panel.ts`, `card/span-panel-card.ts`, `core/dashboard-controller.ts`, `core/header-renderer.ts`, `core/favorites-*`,
-`core/area-resolver.ts`, `core/history-loader.ts`, `core/graph-settings.ts`, chart module, side panel.
-
-## Verification points for implementation
-
-1. Confirm `DashboardController.onToggleClick` resolves `data-uuid` from an ancestor that reaches `.list-row`. If today the lookup walks only to
-   `.circuit-slot`, widen to `.circuit-slot, .list-row`.
-2. Enumerate tests that assert presence of `.circuit-header` / `.circuit-status` inside expanded content; update them to the new chart-only structure.
-3. Measure current `.chart-container` height in an expanded list row and match it in the new rule so the change does not shrink the chart.
-
-## Manual test plan
-
-- Expand rows in By-Activity and By-Area, in both Favorites and the regular dashboard card.
-- Confirm header/status no longer duplicate list-row info.
-- Tap the ON/OFF badge on a controllable circuit: state flips, row re-sorts, badge color updates.
-- Tap the ON/OFF badge on a non-controllable (PV) circuit: nothing happens, no hover cursor.
-- Tap the list-row gear: side panel opens for that circuit.
-- Trigger a monitoring alert: expanded chart area shows the alert border.
-- Reload the Favorites page: expansion state restores; chart remounts; no layout jumps.
-- Breaker grid view: unchanged.
-
-## Out of scope
-
-- Adding alert/error visuals to the collapsed list row.
-- Restyling the side panel or breaker-grid view.
-- Any change to the tab bar, monitoring tabs, or settings.
-- Changes to `span` HA integration backend code.

From cac4314220c9bb21e46753719d3f3e70a963a0ac Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:34:15 -0700
Subject: [PATCH 68/97] refactor: scope retry to discovery and fetches, remove
 dead code

Remove RetryManager dead code from side-panel.ts (state-changing service
calls must fail immediately, never retry). Wire RetryManager into the
three read caches (MonitoringStatusCache, GraphSettingsCache,
FavoritesCache) and thread it through all discovery paths
(discoverTopology, discoverEntitiesFallback, _discoverPanels). Remove
orphaned card.loading i18n key from all 5 locales.
---
 dist/span-panel-card.js          |  6 ++---
 dist/span-panel.js               | 32 +++++++++++-----------
 src/card/card-discovery.ts       | 29 ++++++++++----------
 src/card/span-panel-card.ts      |  6 +++--
 src/core/dashboard-controller.ts | 16 ++++++-----
 src/core/favorites-store.ts      | 46 +++++++++++++++++++++++++-------
 src/core/graph-settings.ts       | 40 ++++++++++++++++++++-------
 src/core/monitoring-status.ts    | 40 ++++++++++++++++++++-------
 src/core/side-panel.ts           |  6 +----
 src/i18n.ts                      |  5 ----
 src/panel/span-panel.ts          | 21 ++++++++++-----
 11 files changed, 159 insertions(+), 88 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index a07a25d..d87e34e 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"SPAN Panel '{name}' unreachable","error.discovery_failed":"Unable to connect to SPAN Panel","error.service_failed":"Action failed","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inaccesible","error.discovery_failed":"No se puede conectar al SPAN Panel","error.service_failed":"Acción fallida","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"SPAN Panel '{name}' inaccessible","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.service_failed":"Action échouée","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"SPANパネル '{name}' に接続できません","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.service_failed":"操作に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inacessível","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.service_failed":"Ação falhou","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -36,7 +36,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class Ve{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this.errorStore=null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this.errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Qe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Ve,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Je(e,t){return e?.circuits?e.circuits[t]??null:null}function Xe(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ke(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function Ze(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Xe(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function Ye(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Xe(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ke(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${Ze(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function et(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const tt={names:["power","battery power"],suffixes:["_power"]},it={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},nt={names:["state of energy"],suffixes:["_soe_kwh"]},st={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function ot(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function rt(e){return ot(e,tt)}function at(e){return ot(e,it)}function lt(e){return ot(e,nt)}function ct(e){return ot(e,st)}function dt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ht(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function pt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function ut(e){const t=r[e];return t?t.ms:r[o].ms}function gt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function _t(e){return Math.max(500,Math.floor(e/5e3))}function ft(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function mt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function vt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function bt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=gt(n),l=_t(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,mt(t,a,l))}}}function yt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:rt(n)};n.type===d&&(e.soc=at(n),e.soe=lt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function wt(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?ut(s.get(e)):pt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of yt(t)){let t;t=o&&o.has(s)?ut(o.get(s)):pt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(vt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(bt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function xt(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function St(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ct(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class $t{constructor(){this.errorStore=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this.errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Et(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function kt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function zt(e){return new Promise(t=>setTimeout(t,e))}class Pt{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await zt(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Ve,this.monitoringMultiCache=new Qe,this.graphSettingsCache=new $t,this._errorStore=null,this._retryManager=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retryManager=e?new Pt(e):null,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Et(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,kt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Et(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,kt(n,s))}}async loadHistory(){await wt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=ut(n),d=gt(c),h=_t(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||ft(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of yt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=ut(s),d=gt(c),h=_t(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||ft(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of yt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await wt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=pt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Ct(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${St(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?ut(r.get(s)):a,p=d.device_type===c;xt(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=pt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${St(n)}"]`);if(!i)continue;const l=rt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");xt(e,t,a,o?.has(n)?ut(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${St(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._retryManager?this._retryManager.callService(this._hass,"switch",h,{},{entity_id:c},{errorId:"service:relay",errorMessage:n("error.relay_failed")}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e)}):this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ke(o)}">${Math.round(e)}%</span>`}const E=!!o&&Xe(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ze(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Je(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Je(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=St(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Je(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function et(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ye(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${et(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const nt={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function lt(e){return at(e,nt)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ut(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function _t(e){const t=r[e];return t?t.ms:r[o].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function wt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(n),l=mt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:lt(n)};n.type===d&&(e.soc=ct(n),e.soe=dt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function St(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(yt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(wt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ct(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Pt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,zt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(n),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=gt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Et(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?_t(r.get(s)):a,p=d.device_type===c;Ct(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=gt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${$t(n)}"]`);if(!i)continue;const l=lt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(n)?_t(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${$t(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ye(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ze(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Ke(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -110,7 +110,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,n){if(!e.connection)return()=>{};const s=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),n?.add({key:"fetch:areas",level:"warning",message:"Unable to update area assignments",persistent:!1})}},[o,r]=await Promise.all([e.connection.subscribeEvents(s,"entity_registry_updated"),e.connection.subscribeEvents(s,"area_registry_updated")]);return()=>{o(),r()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(this.hass)try{const e=await async function(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${a}/panel_topology`,device_id:t}),s=i.panel_size??Ut(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=Wt((await e.callWS({type:"config/device_registry/list"})).find(e=>e.id===t));return await jt(e,i),{topology:i,panelDevice:o,panelSize:s}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",e);try{const e=await async function(e,t){const[i,s]=await Promise.all([e.callWS({type:"config/device_registry/list"}),e.callWS({type:"config/entity_registry/list"})]),o=Wt(i.find(e=>e.id===t));if(!o)return{topology:null,panelDevice:null,panelSize:0};const r=s.filter(e=>e.device_id===t),l=i.filter(e=>e.via_device_id===t),c=new Set(l.map(e=>e.id)),d=s.filter(e=>void 0!==e.device_id&&c.has(e.device_id)),h={},p=o.name_by_user??o.name??"";for(const t of[...r,...d]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}p&&c.startsWith(p+" ")&&(c=c.slice(p.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),u="number"==typeof n.voltage?n.voltage:2===r.length?240:120,g={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};h[l]={tabs:r,name:c,voltage:u,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:g}}let u="";if(o.identifiers)for(const e of o.identifiers)e[0]===a&&(u=e[1]);let g=0;for(const t of r){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){g=i.attributes.panel_size;break}}if(g||(g=Ut(h)),!g)throw new Error(n("card.panel_size_error"));const _={};for(const t of l){const i=s.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),o=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),r=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),a={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;a[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}_[t.id]={name:t.name_by_user??t.name??"",type:o?"bess":r?"evse":"unknown",entities:a}}const f={serial:u,firmware:o.sw_version??"",panel_size:g,device_id:t,device_name:o.name_by_user??o.name??n("header.default_name"),circuits:h,sub_devices:_};return await jt(e,f),{topology:f,panelDevice:o,panelSize:g}}(this.hass,this._config.device_id);this._topology=e.topology,this._panelDevice=e.panelDevice,this._panelSize=e.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Je(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=Ye(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=et(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=Ye(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=et(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=Ye(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=rt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?at(s):null,m=g?lt(s):null,v=g?ct(s):null,b=dt(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=ht(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Xt.map(e=>ae`
+    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Qe(this._errorStore);try{const t=await async function(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??Ut(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=Wt((i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,i){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,l]=await Promise.all([i?i.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),i?i.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=l.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=l.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof n.voltage?n.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===a&&(f=e[1]);let m=0;for(const t of d){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){m=i.attributes.panel_size;break}}if(m||(m=Ut(g)),!m)throw new Error(n("card.panel_size_error"));const v={};for(const t of h){const i=l.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),s=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??n("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ke(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=lt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Xt.map(e=>ae`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 411da29..f5882f5 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,37 +1,37 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"SPAN Panel '{name}' unreachable","error.discovery_failed":"Unable to connect to SPAN Panel","error.service_failed":"Action failed","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.loading":"Loading...","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inaccesible","error.discovery_failed":"No se puede conectar al SPAN Panel","error.service_failed":"Acción fallida","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.loading":"Cargando...","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"SPAN Panel '{name}' inaccessible","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.service_failed":"Action échouée","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.loading":"Chargement...","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"SPANパネル '{name}' に接続できません","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.service_failed":"操作に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.loading":"読み込み中...","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"SPAN Panel '{name}' inacessível","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.service_failed":"Ação falhou","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.loading":"Carregando...","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}const i="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",a="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},f="#ff9800";function v(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){return t[e]?.[i]??t.en?.[i]??i}const n="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",a="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},f="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&w.set(t,e))}return e}toString(){return this.cssText}};const S=e=>new x("string"==typeof e?e:e+"",void 0,y),$=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new x(n,e,y)},C=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return S(t)})(e):e,{is:E,defineProperty:k,getOwnPropertyDescriptor:P,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:M}=Object,N=globalThis,I=N.trustedTypes,T=I?I.emptyScript:"",D=N.reactiveElementPolyfillSupport,L=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},H=(e,t)=>!E(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:H};
+const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&w.set(t,e))}return e}toString(){return this.cssText}};const S=e=>new x("string"==typeof e?e:e+"",void 0,y),$=(e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new x(i,e,y)},C=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return S(t)})(e):e,{is:k,defineProperty:E,getOwnPropertyDescriptor:P,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:M}=Object,N=globalThis,I=N.trustedTypes,T=I?I.emptyScript:"",D=N.reactiveElementPolyfillSupport,L=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},H=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:H};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;let R=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&k(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(C(e))}else void 0!==e&&t.push(C(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=m.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??H)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[L("elementProperties")]=new Map,R[L("finalized")]=new Map,D?.({ReactiveElement:R}),(N.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;let R=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&E(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(C(e))}else void 0!==e&&t.push(C(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=m.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:F).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??H)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[L("elementProperties")]=new Map,R[L("finalized")]=new Map,D?.({ReactiveElement:R}),(N.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,j=e=>e,U=q.trustedTypes,G=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",W=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+W,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ne=/>/g,ie=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ue=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ne:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ie):void 0!==l[3]&&(r=ie):r===ie?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ie:'"'===l[3]?oe:se):r===oe||r===se?r=ie:r===te||r===ne?r=ee:(r=ie,s=void 0);const h=r===ie&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?n+Q:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+W+h):n+W+(-2===c?t:h)}return[pe(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class ge{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,n),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=he.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(W),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),i.removeAttribute(e)}else e.startsWith(W)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(re.test(i.tagName)){const e=i.textContent.split(W),t=e.length-1;if(t>0){i.textContent=U?U.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),he.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(W,e+1));)a.push({type:7,index:s}),e+=W.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function _e(e,t,n=e,i){if(t===le)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,i)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);he.currentNode=i;let s=he.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ge.createElement(pe(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new fe(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=ce}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,i[n+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const n=this._$AH,i=e===ce&&n!==ce||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==ce&&(n===ce||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const q=globalThis,j=e=>e,U=q.trustedTypes,G=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,W="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+W+i.slice(c)+V+h):i+V+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(W)){const t=c[o++],i=n.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),n.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(V),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new ve(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let Ce=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new ve(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}};Ce._$litElement$=!0,Ce.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Ce});const Ee=$e.litElementPolyfillSupport;Ee?.({LitElement:Ce}),($e.litElementVersions??=[]).push("4.2.2");
+ */let Ce=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new ve(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}};Ce._$litElement$=!0,Ce.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Ce});const ke=$e.litElementPolyfillSupport;ke?.({LitElement:Ce}),($e.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:H},ze=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:H},ze=(e=Pe,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return(t,n)=>"object"==typeof n?ze(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
+ */function Ae(e){return(t,i)=>"object"==typeof i?ze(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -41,18 +41,18 @@ const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ne=2;class Ie{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Ne=2;class Ie{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}const je="favorites-changed";async function Ue(e,t,n={}){const i=await e.callWS({type:"call_service",domain:r,service:t,service_data:n,return_response:!0});return i?.response??null}class Ge{constructor(){this.errorStore=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t=await async function(e){const t=await Ue(e,"get_favorites");return t?.favorites??{}}(e);return this._map=t,this._lastFetch=Date.now(),t}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this.errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Ve(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const We=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Be extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=n("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&s.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${i}`,p,()=>{const e={circuit_id:i,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&s.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,p,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const n=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,i=this._createHeader(He(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ue(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(je)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ue(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(je)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=n("sidepanel.graph_horizon"),i.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=He(e),o=He(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${He(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${He(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of We){const t=_[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=n("sidepanel.graph_horizon"),i.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(i),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Be)}catch{}let Qe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:i("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:i("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}function je(e){return new Promise(t=>setTimeout(t,e))}class Ue{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await je(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function We(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}class Ve{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:r,service:"get_favorites",service_data:{},return_response:!0},n=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:i("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=n?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:i("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Be(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=i("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=v[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const i=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,n=this._createHeader(He(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await We(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await We(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),i?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=He(e),o=He(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Qe){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
-          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:ce}
+          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${i("error.retry")}</button>`:ce}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Je(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Xe(e,t){if(!t)throw new Error(n("card.device_not_found"));const i=await e.callWS({type:`${r}/panel_topology`,device_id:t}),s=i.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(i.circuits);if(!s)throw new Error(n("card.topology_error"));const o=await e.callWS({type:"config/device_registry/list"}),a=(l=o.find(e=>e.id===t),l?{id:l.id,name:l.name,name_by_user:l.name_by_user,config_entries:l.config_entries,identifiers:l.identifiers,via_device_id:l.via_device_id,sw_version:l.sw_version,model:l.model}:null);var l;return await Je(e,i),{topology:i,panelDevice:a,panelSize:s}}function Ke(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${He(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function Ze(e,t,i={}){const s=He(e.device_name||n("header.default_name")),o=He(e.serial||""),r=He(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ke(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Qe.styles=$`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ke(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ze(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${r}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),a=o.panel_size??function(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!a)throw new Error(i("card.topology_error"));const l={type:"config/device_registry/list"},c=n?await n.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ke(e,o),{topology:o,panelDevice:d,panelSize:a}}function Ye(e,t,n){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${n?` data-stats-panel-id="${He(n)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function et(e,t,n={}){const s=He(e.device_name||i("header.default_name")),o=He(e.serial||""),r=He(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ye(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Xe.styles=$`
     :host {
       display: block;
     }
@@ -102,14 +102,14 @@ const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Me()],Qe.prototype,"_errors",void 0),Qe=v([ke("span-error-banner")],Qe);const Ye=u.power;function et(e){return Ye.unit(e)}function tt(e){return(e<0?"-":"")+Ye.format(e)}function nt(e){return(Math.abs(e)/1e3).toFixed(1)}function it(e){return Math.ceil(e/2)}function st(e){return e%2==0?1:0}function ot(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return it(t)===it(n)?"row-span":st(t)===st(n)?"col-span":"row-span"}function rt(e){const t=e.chart_metric??i;return u[t]??u[i]}function at(e,t){const n=function(e){return rt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class lt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this.errorStore=null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0});this._status=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this.errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ct{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new lt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function dt(e,t){return e?.circuits?e.circuits[t]??null:null}function ht(e){return!!e&&void 0!==e.continuous_threshold_pct}function pt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function ut(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ht(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function gt(e,t,i,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||n("grid.unknown")),C=rt(c);let E;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${tt(v)}</strong><span class="power-unit">${et(v)}</span>`;const k=h||"unknown";let P="";if("unknown"!==k){const e=_[k]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ht(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${pt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${ut(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function _t(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const ft={names:["power","battery power"],suffixes:["_power"]},vt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},mt={names:["state of energy"],suffixes:["_soe_kwh"]},bt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function yt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function wt(e){return yt(e,ft)}function xt(e){return yt(e,vt)}function St(e){return yt(e,mt)}function $t(e){return yt(e,bt)}function Ct(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?n("subdevice.ev_charger"):s.type===c?n("subdevice.battery"):n("subdevice.fallback"),r=wt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?xt(s):null,v=g?St(s):null,m=g?$t(s):null,b=Et(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=kt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${tt(u)}</strong> <span class="power-unit">${et(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Et(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(n)}">${He(d)}</span>\n      </div>\n    `}return o}function kt(e,t,i,s,o,r){if(i){const t=[{key:`${h}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function Pt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function zt(e){const t=o[e];return t?t.ms:o[s].ms}function At(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Mt(e){return Math.max(500,Math.floor(e/5e3))}function Nt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function It(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Tt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Dt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=At(i),l=Mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,It(t,a,l))}}}function Lt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:wt(i)};i.type===c&&(e.soc=xt(i),e.soe=St(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${n}_${i}`,devId:n})}return t}async function Ft(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=at(i,n);if(!t)continue;let o;o=s&&s.has(e)?zt(s.get(e)):Pt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Lt(t)){let t;t=o&&o.has(s)?zt(o.get(s)):Pt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Tt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Dt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ht(e,t,n,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,s,o,r=!1){n||(n=u[i]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(n,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Ot(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Rt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=nt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=nt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=nt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=nt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function qt(e,t,i,s,o,r){if(!e||!i||!t)return;const c=Pt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Rt(o,t,n,i,s)}(e,t,i,s,d);const h=rt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Ot(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${tt(f)}</strong><span class="power-unit">${et(f)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=_[S]??_.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const E=i.querySelector(".shedding-icon-secondary");E&&($.icon2?(E.setAttribute("icon",$.icon2),E.style.color=$.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".chart-container");if(P){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?zt(r.get(s)):c,p=d.device_type===l;Ht(P,t,e,a,h,v,n,d.breaker_rating_a??void 0,p)}}}class jt{constructor(){this.errorStore=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s=await e.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0});this._settings=s?.response??null,this._lastFetch=i}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this.errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Ut(e,t){if(!e)return s;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Gt(e,t){if(!e)return s;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??s}function Vt(e){return new Promise(t=>setTimeout(t,e))}class Wt{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Vt(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new lt,this.monitoringMultiCache=new ct,this.graphSettingsCache=new jt,this._errorStore=null,this._retryManager=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retryManager=e?new Wt(e):null,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Ut(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Gt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Ut(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Gt(i,s))}}async loadHistory(){await Ft(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??s;if(!o[i]?.useRealtime)continue;const r=at(n,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=zt(i),d=At(c),h=Mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Nt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Lt(this._topology)){const r=this.subDeviceHorizonMap.get(i)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=zt(r),d=At(c),h=Mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Nt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)o[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Lt(this._topology))i.has(t)&&s.add(e);const r=new Map;try{await Ft(this._hass,this._topology,this._config,r,t,i);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(qt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Pt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${Ot(i)}"]`);if(!n)continue;const l=wt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${tt(i)}</strong> <span class="power-unit">${et(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=g.power;n.endsWith("_soc")?l=g.soc:n.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Ht(e,t,a,o?.has(i)?zt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${Ot(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._retryManager?this._retryManager.callService(this._hass,"switch",h,{},{entity_id:c},{errorId:"service:relay",errorMessage:n("error.relay_failed")}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e)}):this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.error("SPAN Panel: switch service call failed:",e)})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return n?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),i=n?.response;return i?{circuits:i.circuits,mains:i.mains}:null}catch{return null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Xe(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=Ze(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ot(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=it(Math.max(...n));0===st(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?dt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=gt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=_t(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=gt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=_t(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=gt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Ct(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function tn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class nn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),E=Object.entries(d).map(([e,t])=>{const i=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):He(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${en}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${en}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${E}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch{}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch{}},p)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch{}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const i=n.dataset.entity,s=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:i,monitoring_enabled:s})})}catch{return void(n.checked=!s)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const i of e.querySelectorAll(".threshold-input"))i.addEventListener("input",()=>{const s=`${i.dataset.entity}-${i.dataset.field}`,o=n.get(s);o&&clearTimeout(o),n.set(s,setTimeout(async()=>{const n=parseInt(i.value,10);if(!n||n<1)return;const s=i.dataset.entity,o=i.dataset.field,a=i.dataset.type,l="mains"===a?"set_mains_threshold":"set_circuit_threshold",c="mains"===a?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:l,service_data:this._serviceData({[c]:s,[o]:n})}),await this.render(e,t)}catch{i.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(r,o,a),await this.render(e,t)})}}function sn(e=""){const t=e?` value="${He(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function on(e,t,i,s,o,r,l){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||n("grid.unknown")),y=rt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${tt(h)}</strong><span class="power-unit">${et(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${pt(o)}">${Math.round(e)}%</span>`}const E=!!o&&ht(o)?f:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ut(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function an(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ln(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function cn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function dn(e,t,n,i){const s=ln(e,n,i),o=ln(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function hn(e,t,n){return e.sort((e,i)=>dn(e[1],i[1],t,n))}function pn(e){return e.entities?.current??e.entities?.power??""}class un{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=hn(Object.entries(n.circuits),t,i);let a=o+sn(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=dt(s,pn(n)),r=cn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=on(e,n,t,i,o,r,l),l&&(a+=rn(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+sn(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=hn(n,t,s);d+=an(e);for(const[e,n]of i){const i=dt(o,pn(n)),r=cn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=on(e,n,t,s,i,r,a),a&&(d+=rn(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=rt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=ln(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${tt(i)}</strong><span class="power-unit">${et(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>dn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Ot(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=dt(this._monitoringStatus,pn(t)),o=rn(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function gn(e,t){return`${e}|${t}`}class _n{async build(e,t,n){const i=new Map;for(const e of n)i.set(e.id,e);const s=[];for(const[n,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=i.get(n);t&&s.push((async()=>{try{const i=await Xe(e,n);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),r=o.length>1,a={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:n,topology:i}of o){if(!i)continue;const s=n.config_entries?.[0]??null;s&&d.add(s);const o=n.name_by_user??n.name??i.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:i});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const n=i.circuits?.[t];if(!n)continue;const l=gn(e,t),d=r&&o?`${o} · ${n.name}`:n.name;a[l]={...n,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const a=gn(e,t),d=r&&o&&n.name?`${o} · ${n.name}`:n.name??t;l[a]={...n,name:d},c[a]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:a,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const fn="span_panel_favorites_view_state";function vn(e){try{localStorage.setItem(fn,JSON.stringify(e))}catch{}}var mn;const bn="favorites";let yn=mn=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new nn,this._listDashCtrl=new Bt,this._listCtrl=new un(this._listDashCtrl),this._favCache=new Ge,this._favCtrl=new _n,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(je,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(je,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==bn&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return ae`
+  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function _t(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${gt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Et(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Pt(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function zt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function Mt(e){const t=o[e];return t?t.ms:o[s].ms}function Nt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Nt(n),l=It(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:St(n)};n.type===c&&(e.soc=$t(n),e.soe=Ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ot(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):At(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):At(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Ft(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Rt(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function Ut(e,t,n,s,o,r){if(!e||!n||!t)return;const c=At(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?Mt(r.get(s)):c,p=d.device_type===l;Rt(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Wt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Vt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Wt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Wt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(n,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(n),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ht(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(r),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ot(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=At(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${qt(n)}"]`);if(!i)continue;const l=St(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(n)?Mt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${qt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",ei="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ti(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ii{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${ei}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${ei}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ni(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${gt(o)}">${Math.round(e)}%</span>`}const k=!!o&&ut(o)?f:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function oi(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ri(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ai(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function li(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function ci(e,t,i,n){const s=ai(e,i,n),o=ai(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function di(e,t,i){return e.sort((e,n)=>ci(e[1],n[1],t,i))}function hi(e){return e.entities?.current??e.entities?.power??""}class pi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=di(Object.entries(i.circuits),t,n);let a=o+ni(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,hi(i)),r=li(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=si(e,i,t,n,o,r,l),l&&(a+=oi(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ni(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=di(i,t,s);d+=ri(e);for(const[e,i]of n){const n=pt(o,hi(i)),r=li(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=si(e,i,t,s,n,r,a),a&&(d+=oi(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ai(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>ci(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,hi(t)),o=oi(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ui(e,t){return`${e}|${t}`}class gi{async build(e,t,i){const n=new Map;for(const e of i)n.set(e.id,e);const s=[];for(const[i,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=n.get(i);t&&s.push((async()=>{try{const n=await Ze(e,i);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),r=o.length>1,a={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:i,topology:n}of o){if(!n)continue;const s=i.config_entries?.[0]??null;s&&d.add(s);const o=i.name_by_user??i.name??n.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:n});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const i=n.circuits?.[t];if(!i)continue;const l=ui(e,t),d=r&&o?`${o} · ${i.name}`:i.name;a[l]={...i,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const a=ui(e,t),d=r&&o&&i.name?`${o} · ${i.name}`:i.name??t;l[a]={...i,name:d},c[a]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:a,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const _i="span_panel_favorites_view_state";function fi(e){try{localStorage.setItem(_i,JSON.stringify(e))}catch{}}var vi;const mi="favorites";let bi=vi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new ii,this._listDashCtrl=new Bt,this._listCtrl=new pi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new gi,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==mi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
           </div>
         </div>
         <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${i("card.connecting")}</div>
         </div>
       `;if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
         <div class="header">
@@ -120,7 +120,7 @@ const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         </div>
         <div class="view">
           <span-error-banner .store=${this._errorStore}></span-error-banner>
-          ${e?ce:ae`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>`}
+          ${e?ce:ae`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${i("card.connecting")}</div>`}
         </div>
       `}return ae`
       <div class="header">
@@ -153,7 +153,7 @@ const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===bn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,vn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,vn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==bn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(this.hass&&this._selectedPanelId&&this._selectedPanelId!==bn&&this._watchedPanelId!==this._selectedPanelId){this._watchedPanelId=this._selectedPanelId;try{const e=await Xe(this.hass,this._selectedPanelId);if(this._watchedPanelId!==this._selectedPanelId)return;const t=e.topology?.panel_entities?.panel_status;t&&(this._errorStore.watchPanelStatus(t),this._errorStore.updateHass(this.hass))}catch(e){console.warn("SPAN Panel: unable to fetch topology for panel status watching",e)}}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(fn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===bn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Ve(t))return e;return[{id:bn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===bn;this._favorites=t;const i=this._panels.filter(e=>e.id!==bn);if(this._panels=this._buildPanelList(i,t),n&&!Ve(t)){!function(){try{localStorage.removeItem(fn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(n("header.enable_switches"))}" data-text-on="${He(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ke(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${Ot(n.panelDeviceId)}"]`);i&&Rt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await Xe(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Ze(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=await Xe(this.hass,this._selectedPanelId??void 0);if(e())return;const s=this._buildDashboardConfig();if(this._listDashCtrl.init(n.topology,s,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const o=n.topology?Ze(n.topology,s):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,n.topology,s,this._listDashCtrl.monitoringCache.status,o),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,i){if(!e.connection)return()=>{};const s=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Je(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),i?.add({key:"fetch:areas",level:"warning",message:"Unable to update area assignments",persistent:!1})}},[o,r]=await Promise.all([e.connection.subscribeEvents(s,"entity_registry_updated"),e.connection.subscribeEvents(s,"area_registry_updated")]);return()=>{o(),r()}}(this.hass,n.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==bn),s=await this._favCtrl.build(this.hass,this._favorites,i);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Ct(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new nn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};yn._shellStyles=$`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===mi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,fi(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,fi(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==mi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===mi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(e){console.warn("SPAN Panel: unable to fetch topology for panel status watching",e)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(_i);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===mi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:mi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===mi;this._favorites=t;const n=this._panels.filter(e=>e.id!==mi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(_i)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(i.panelDeviceId)}"]`);n&&jt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==mi),s=await this._favCtrl.build(this.hass,this._favorites,n);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ii;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};bi._shellStyles=$`
     :host {
       color: var(--primary-text-color);
     }
@@ -250,4 +250,4 @@ const ke=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,yn.styles=[mn._shellStyles,S(Qt)],v([Ae({attribute:!1})],yn.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],yn.prototype,"narrow",void 0),v([Me()],yn.prototype,"_panels",void 0),v([Me()],yn.prototype,"_selectedPanelId",void 0),v([Me()],yn.prototype,"_activeTab",void 0),v([Me()],yn.prototype,"_discovered",void 0),v([Me()],yn.prototype,"_chartMetric",void 0),v([Me()],yn.prototype,"_listColumns",void 0),v([Me()],yn.prototype,"_favorites",void 0),yn=mn=v([ke("span-panel")],yn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let wn=!1;const xn=yn.prototype.connectedCallback;yn.prototype.connectedCallback=function(){wn=!0,xn.call(this)};const Sn=yn.prototype.disconnectedCallback;yn.prototype.disconnectedCallback=function(){wn=!1,Sn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(wn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{wn||location.reload()},200))});
+  `,bi.styles=[vi._shellStyles,S(Qt)],v([Ae({attribute:!1})],bi.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],bi.prototype,"narrow",void 0),v([Me()],bi.prototype,"_panels",void 0),v([Me()],bi.prototype,"_selectedPanelId",void 0),v([Me()],bi.prototype,"_activeTab",void 0),v([Me()],bi.prototype,"_discovered",void 0),v([Me()],bi.prototype,"_chartMetric",void 0),v([Me()],bi.prototype,"_listColumns",void 0),v([Me()],bi.prototype,"_favorites",void 0),bi=vi=v([Ee("span-panel")],bi),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let yi=!1;const wi=bi.prototype.connectedCallback;bi.prototype.connectedCallback=function(){yi=!0,wi.call(this)};const xi=bi.prototype.disconnectedCallback;bi.prototype.disconnectedCallback=function(){yi=!1,xi.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(yi||window.location.pathname.includes("span-panel")&&setTimeout(()=>{yi||location.reload()},200))});
diff --git a/src/card/card-discovery.ts b/src/card/card-discovery.ts
index 9363256..ce5114f 100644
--- a/src/card/card-discovery.ts
+++ b/src/card/card-discovery.ts
@@ -1,5 +1,6 @@
 import { INTEGRATION_DOMAIN } from "../constants.js";
 import { resolveAndAssignAreas } from "../core/area-resolver.js";
+import { RetryManager } from "../core/retry-manager.js";
 import { t } from "../i18n.js";
 import type { HomeAssistant, PanelTopology, PanelDevice, DiscoveryResult, Circuit, CircuitEntities } from "../types.js";
 
@@ -25,23 +26,23 @@ interface EntityRegistryEntry {
 
 // ── Primary discovery via custom WebSocket API ───────────────────────────────
 
-export async function discoverTopology(hass: HomeAssistant, deviceId: string | undefined): Promise<DiscoveryResult> {
+export async function discoverTopology(hass: HomeAssistant, deviceId: string | undefined, retry?: RetryManager | null): Promise<DiscoveryResult> {
   if (!deviceId) {
     throw new Error(t("card.device_not_found"));
   }
-  const topology = await hass.callWS<PanelTopology>({
-    type: `${INTEGRATION_DOMAIN}/panel_topology`,
-    device_id: deviceId,
-  });
+
+  const topologyMsg = { type: `${INTEGRATION_DOMAIN}/panel_topology`, device_id: deviceId };
+  const topology = retry ? await retry.callWS<PanelTopology>(hass, topologyMsg, { errorId: "fetch:topology" }) : await hass.callWS<PanelTopology>(topologyMsg);
 
   const panelSize = topology.panel_size ?? panelSizeFromCircuits(topology.circuits);
   if (!panelSize) {
     throw new Error(t("card.topology_error"));
   }
 
-  const devices = await hass.callWS<DeviceRegistryEntry[]>({
-    type: "config/device_registry/list",
-  });
+  const devicesMsg = { type: "config/device_registry/list" };
+  const devices = retry
+    ? await retry.callWS<DeviceRegistryEntry[]>(hass, devicesMsg, { errorId: "fetch:topology" })
+    : await hass.callWS<DeviceRegistryEntry[]>(devicesMsg);
   const panelDevice = deviceToPanelDevice(devices.find(d => d.id === deviceId));
 
   await resolveAndAssignAreas(hass, topology);
@@ -80,14 +81,12 @@ function deviceToPanelDevice(entry: DeviceRegistryEntry | undefined): PanelDevic
 
 // ── Fallback discovery from entity registry ──────────────────────────────────
 
-export async function discoverEntitiesFallback(hass: HomeAssistant, deviceId: string | undefined): Promise<DiscoveryResult> {
+export async function discoverEntitiesFallback(hass: HomeAssistant, deviceId: string | undefined, retry?: RetryManager | null): Promise<DiscoveryResult> {
+  const devicesMsg = { type: "config/device_registry/list" };
+  const entitiesMsg = { type: "config/entity_registry/list" };
   const [devices, entities] = await Promise.all([
-    hass.callWS<DeviceRegistryEntry[]>({
-      type: "config/device_registry/list",
-    }),
-    hass.callWS<EntityRegistryEntry[]>({
-      type: "config/entity_registry/list",
-    }),
+    retry ? retry.callWS<DeviceRegistryEntry[]>(hass, devicesMsg, { errorId: "fetch:topology" }) : hass.callWS<DeviceRegistryEntry[]>(devicesMsg),
+    retry ? retry.callWS<EntityRegistryEntry[]>(hass, entitiesMsg, { errorId: "fetch:topology" }) : hass.callWS<EntityRegistryEntry[]>(entitiesMsg),
   ]);
 
   const panelDevice = deviceToPanelDevice(devices.find(d => d.id === deviceId));
diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index 0cd38d3..a6553b0 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -14,6 +14,7 @@ import { buildTabBarHTML, bindTabBarEvents } from "../core/tab-bar-renderer.js";
 import { subscribeAreaUpdates } from "../core/area-resolver.js";
 import { ErrorStore } from "../core/error-store.js";
 import { discoverTopology, discoverEntitiesFallback } from "./card-discovery.js";
+import { RetryManager } from "../core/retry-manager.js";
 import { CARD_STYLES } from "./card-styles.js";
 import "../core/side-panel.js";
 import "../core/error-banner.js";
@@ -261,15 +262,16 @@ export class SpanPanelCard extends LitElement {
 
   private async _discoverTopology(): Promise<void> {
     if (!this.hass) return;
+    const retry = new RetryManager(this._errorStore);
     try {
-      const result = await discoverTopology(this.hass, this._config.device_id);
+      const result = await discoverTopology(this.hass, this._config.device_id, retry);
       this._topology = result.topology;
       this._panelDevice = result.panelDevice;
       this._panelSize = result.panelSize;
     } catch (err) {
       console.error("SPAN Panel: topology fetch failed, falling back to entity discovery", err);
       try {
-        const result = await discoverEntitiesFallback(this.hass, this._config.device_id);
+        const result = await discoverEntitiesFallback(this.hass, this._config.device_id, retry);
         this._topology = result.topology;
         this._panelDevice = result.panelDevice;
         this._panelSize = result.panelSize;
diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 390fb17..27edd42 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -171,12 +171,16 @@ export class DashboardController {
       }
     } catch (err) {
       console.warn("SPAN Panel: graph settings fetch failed", err);
-      this._errorStore?.add({
-        key: "fetch:graph_settings",
-        level: "warning",
-        message: t("error.graph_settings_failed"),
-        persistent: false,
-      });
+      // GraphSettingsCache dispatches to errorStore on exhaustion via RetryManager;
+      // only dispatch here when no retry was active (errorStore not set on cache).
+      if (!this.graphSettingsCache.errorStore) {
+        this._errorStore?.add({
+          key: "fetch:graph_settings",
+          level: "warning",
+          message: t("error.graph_settings_failed"),
+          persistent: false,
+        });
+      }
     }
   }
 
diff --git a/src/core/favorites-store.ts b/src/core/favorites-store.ts
index 87f5c34..121a1cd 100644
--- a/src/core/favorites-store.ts
+++ b/src/core/favorites-store.ts
@@ -1,6 +1,7 @@
 // src/core/favorites-store.ts
 import { INTEGRATION_DOMAIN } from "../constants.js";
 import { t } from "../i18n.js";
+import { RetryManager } from "./retry-manager.js";
 import type { FavoritesMap, HomeAssistant } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
 
@@ -77,7 +78,17 @@ export class FavoritesCache {
   private _map: FavoritesMap | null;
   private _lastFetch: number;
   private _inflight: Promise<FavoritesMap> | null;
-  errorStore: ErrorStore | null = null;
+  private _errorStore: ErrorStore | null = null;
+  private _retry: RetryManager | null = null;
+
+  get errorStore(): ErrorStore | null {
+    return this._errorStore;
+  }
+
+  set errorStore(store: ErrorStore | null) {
+    this._errorStore = store;
+    this._retry = store ? new RetryManager(store) : null;
+  }
 
   constructor() {
     this._map = null;
@@ -94,18 +105,33 @@ export class FavoritesCache {
 
     this._inflight = (async () => {
       try {
-        const map = await fetchFavorites(hass);
-        this._map = map;
+        const msg = {
+          type: "call_service",
+          domain: INTEGRATION_DOMAIN,
+          service: "get_favorites",
+          service_data: {},
+          return_response: true,
+        };
+        const resp = this._retry
+          ? await this._retry.callWS<CallServiceResponse<GetFavoritesResponse>>(hass, msg, {
+              errorId: "fetch:favorites",
+              errorMessage: t("error.favorites_fetch_failed"),
+            })
+          : await hass.callWS<CallServiceResponse<GetFavoritesResponse>>(msg);
+        this._map = resp?.response?.favorites ?? {};
         this._lastFetch = Date.now();
-        return map;
+        return this._map;
       } catch (err) {
         console.warn("SPAN Panel: favorites fetch failed", err);
-        this.errorStore?.add({
-          key: "fetch:favorites",
-          level: "warning",
-          message: t("error.favorites_fetch_failed"),
-          persistent: false,
-        });
+        // RetryManager dispatches on exhaustion; only dispatch directly when no retry path ran
+        if (!this._retry) {
+          this._errorStore?.add({
+            key: "fetch:favorites",
+            level: "warning",
+            message: t("error.favorites_fetch_failed"),
+            persistent: false,
+          });
+        }
         return this._map ?? {};
       } finally {
         this._inflight = null;
diff --git a/src/core/graph-settings.ts b/src/core/graph-settings.ts
index 0db958f..76e3811 100644
--- a/src/core/graph-settings.ts
+++ b/src/core/graph-settings.ts
@@ -1,6 +1,7 @@
 // src/core/graph-settings.ts
 import { INTEGRATION_DOMAIN, DEFAULT_GRAPH_HORIZON } from "../constants.js";
 import { t } from "../i18n.js";
+import { RetryManager } from "./retry-manager.js";
 import type { HomeAssistant, GraphSettings } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
 
@@ -18,7 +19,17 @@ export class GraphSettingsCache {
   private _settings: GraphSettings | null;
   private _lastFetch: number;
   private _fetching: boolean;
-  errorStore: ErrorStore | null = null;
+  private _errorStore: ErrorStore | null = null;
+  private _retry: RetryManager | null = null;
+
+  get errorStore(): ErrorStore | null {
+    return this._errorStore;
+  }
+
+  set errorStore(store: ErrorStore | null) {
+    this._errorStore = store;
+    this._retry = store ? new RetryManager(store) : null;
+  }
 
   constructor() {
     this._settings = null;
@@ -40,24 +51,33 @@ export class GraphSettingsCache {
     try {
       const serviceData: Record<string, string> = {};
       if (configEntryId) serviceData.config_entry_id = configEntryId;
-      const resp = await hass.callWS<GraphSettingsServiceResponse>({
+      const msg = {
         type: "call_service",
         domain: INTEGRATION_DOMAIN,
         service: "get_graph_settings",
         service_data: serviceData,
         return_response: true,
-      });
+      };
+      const resp = this._retry
+        ? await this._retry.callWS<GraphSettingsServiceResponse>(hass, msg, {
+            errorId: "fetch:graph_settings",
+            errorMessage: t("error.graph_settings_failed"),
+          })
+        : await hass.callWS<GraphSettingsServiceResponse>(msg);
       this._settings = resp?.response ?? null;
-      this._lastFetch = now;
+      this._lastFetch = Date.now();
     } catch (err) {
       console.warn("SPAN Panel: graph settings fetch failed", err);
       this._settings = null;
-      this.errorStore?.add({
-        key: "fetch:graph_settings",
-        level: "warning",
-        message: t("error.graph_settings_failed"),
-        persistent: false,
-      });
+      // RetryManager dispatches on exhaustion; only dispatch directly when no retry path ran
+      if (!this._retry) {
+        this._errorStore?.add({
+          key: "fetch:graph_settings",
+          level: "warning",
+          message: t("error.graph_settings_failed"),
+          persistent: false,
+        });
+      }
     } finally {
       this._fetching = false;
     }
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index 3855286..0480709 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -1,5 +1,6 @@
 import { INTEGRATION_DOMAIN } from "../constants.js";
 import { t } from "../i18n.js";
+import { RetryManager } from "./retry-manager.js";
 import type { HomeAssistant, MonitoringPointInfo, MonitoringStatus } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
 
@@ -17,7 +18,17 @@ export class MonitoringStatusCache {
   private _status: MonitoringStatus | null = null;
   private _lastFetch: number = 0;
   private _fetching: boolean = false;
-  errorStore: ErrorStore | null = null;
+  private _errorStore: ErrorStore | null = null;
+  private _retry: RetryManager | null = null;
+
+  get errorStore(): ErrorStore | null {
+    return this._errorStore;
+  }
+
+  set errorStore(store: ErrorStore | null) {
+    this._errorStore = store;
+    this._retry = store ? new RetryManager(store) : null;
+  }
 
   /**
    * Fetch monitoring status, returning cached data if recent.
@@ -33,24 +44,33 @@ export class MonitoringStatusCache {
     try {
       const serviceData: Record<string, string> = {};
       if (configEntryId) serviceData.config_entry_id = configEntryId;
-      const resp = await hass.callWS<CallServiceResponse>({
+      const msg = {
         type: "call_service",
         domain: INTEGRATION_DOMAIN,
         service: "get_monitoring_status",
         service_data: serviceData,
         return_response: true,
-      });
+      };
+      const resp = this._retry
+        ? await this._retry.callWS<CallServiceResponse>(hass, msg, {
+            errorId: "fetch:monitoring",
+            errorMessage: t("error.monitoring_failed"),
+          })
+        : await hass.callWS<CallServiceResponse>(msg);
       this._status = resp?.response ?? null;
-      this._lastFetch = now;
+      this._lastFetch = Date.now();
     } catch (err) {
       console.warn("SPAN Panel: monitoring status fetch failed", err);
       this._status = null;
-      this.errorStore?.add({
-        key: "fetch:monitoring",
-        level: "warning",
-        message: t("error.monitoring_failed"),
-        persistent: false,
-      });
+      // RetryManager dispatches on exhaustion; only dispatch directly when no retry path ran
+      if (!this._retry) {
+        this._errorStore?.add({
+          key: "fetch:monitoring",
+          level: "warning",
+          message: t("error.monitoring_failed"),
+          persistent: false,
+        });
+      }
     } finally {
       this._fetching = false;
     }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index a81e6ce..ec411be 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -316,7 +316,6 @@ class SpanSidePanel extends HTMLElement {
   private _hass: HomeAssistant | null;
   private _config: SidePanelConfig | null;
   private _debounceTimers: Record<string, ReturnType<typeof setTimeout>>;
-
   constructor() {
     super();
     this.attachShadow({ mode: "open" });
@@ -1078,10 +1077,7 @@ class SpanSidePanel extends HTMLElement {
     }
 
     selectEl.addEventListener("change", () => {
-      this._callService("select", "select_option", {
-        entity_id: entityId,
-        option: selectEl.value,
-      }).catch((err: Error) => {
+      this._callService("select", "select_option", { entity_id: entityId, option: selectEl.value }).catch((err: Error) => {
         console.warn("SPAN Panel: shedding update failed", err);
         this.errorStore?.add({
           key: "service:shedding",
diff --git a/src/i18n.ts b/src/i18n.ts
index e459ed6..5d9e5bd 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -177,7 +177,6 @@ const translations: Record<string, Record<string, string>> = {
     // Card
     "card.no_device": "Open the card editor and select your SPAN Panel device.",
     "card.device_not_found": "Panel device not found. Check device_id in card config.",
-    "card.loading": "Loading...",
     "card.topology_error": "Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.",
     "card.panel_size_error": "Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.",
 
@@ -353,7 +352,6 @@ const translations: Record<string, Record<string, string>> = {
     "status.overrides": "anulaciones",
     "card.no_device": "Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.",
     "card.device_not_found": "Dispositivo de panel no encontrado. Verifique device_id en la configuraci\u00f3n de la tarjeta.",
-    "card.loading": "Cargando...",
     "card.topology_error": "La respuesta de topolog\u00eda no contiene panel_size y no se encontraron circuitos. Actualice la integraci\u00f3n SPAN Panel.",
     "card.panel_size_error": "No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integraci\u00f3n SPAN Panel.",
     "editor.panel_label": "SPAN Panel",
@@ -525,7 +523,6 @@ const translations: Record<string, Record<string, string>> = {
     "status.overrides": "remplacements",
     "card.no_device": "Ouvrez l'\u00e9diteur de carte et s\u00e9lectionnez votre appareil SPAN Panel.",
     "card.device_not_found": "Appareil de panneau introuvable. V\u00e9rifiez device_id dans la configuration de la carte.",
-    "card.loading": "Chargement...",
     "card.topology_error":
       "La r\u00e9ponse de topologie ne contient pas panel_size et aucun circuit trouv\u00e9. Mettez \u00e0 jour l'int\u00e9gration SPAN Panel.",
     "card.panel_size_error":
@@ -702,7 +699,6 @@ const translations: Record<string, Record<string, string>> = {
       "\u30ab\u30fc\u30c9\u30a8\u30c7\u30a3\u30bf\u3092\u958b\u3044\u3066SPAN Panel\u30c7\u30d0\u30a4\u30b9\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002",
     "card.device_not_found":
       "\u30d1\u30cd\u30eb\u30c7\u30d0\u30a4\u30b9\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002\u30ab\u30fc\u30c9\u8a2d\u5b9a\u306edevice_id\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002",
-    "card.loading": "\u8aad\u307f\u8fbc\u307f\u4e2d...",
     "card.topology_error":
       "\u30c8\u30dd\u30ed\u30b8\u30fc\u5fdc\u7b54\u306bpanel_size\u304c\u306a\u304f\u3001\u56de\u8def\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002SPAN Panel\u7d71\u5408\u3092\u66f4\u65b0\u3057\u3066\u304f\u3060\u3055\u3044\u3002",
     "card.panel_size_error":
@@ -876,7 +872,6 @@ const translations: Record<string, Record<string, string>> = {
     "status.overrides": "substitui\u00e7\u00f5es",
     "card.no_device": "Abra o editor do cart\u00e3o e selecione seu dispositivo SPAN Panel.",
     "card.device_not_found": "Dispositivo do painel n\u00e3o encontrado. Verifique device_id na configura\u00e7\u00e3o do cart\u00e3o.",
-    "card.loading": "Carregando...",
     "card.topology_error": "A resposta de topologia n\u00e3o cont\u00e9m panel_size e nenhum circuito encontrado. Atualize a integra\u00e7\u00e3o SPAN Panel.",
     "card.panel_size_error":
       "N\u00e3o foi poss\u00edvel determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integra\u00e7\u00e3o SPAN Panel.",
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index ac3b402..5cd74e0 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -13,6 +13,7 @@ import { DashboardController } from "../core/dashboard-controller.js";
 import { buildTabBarHTML } from "../core/tab-bar-renderer.js";
 import { subscribeAreaUpdates } from "../core/area-resolver.js";
 import { discoverTopology } from "../card/card-discovery.js";
+import { RetryManager } from "../core/retry-manager.js";
 import { buildHeaderHTML, buildPanelStatsHTML } from "../core/header-renderer.js";
 import { updatePanelStatsBlock } from "../core/dom-updater.js";
 import { buildSubDevicesHTML } from "../core/sub-device-renderer.js";
@@ -581,7 +582,8 @@ export class SpanPanelElement extends LitElement {
     const targetPanelId = this._selectedPanelId;
     this._watchedPanelId = targetPanelId;
     try {
-      const result = await discoverTopology(this.hass, targetPanelId);
+      const retry = new RetryManager(this._errorStore);
+      const result = await discoverTopology(this.hass, targetPanelId, retry);
       // Guard against supersession: user may have switched panels during fetch.
       if (this._selectedPanelId !== targetPanelId) return;
       const entityId = result.topology?.panel_entities?.panel_status;
@@ -601,9 +603,14 @@ export class SpanPanelElement extends LitElement {
     try {
       let realPanels: PanelDevice[];
       try {
-        const devices = await this.hass.callWS<PanelDevice[]>({
-          type: "config/device_registry/list",
-        });
+        const retry = new RetryManager(this._errorStore);
+        const devices = await retry.callWS<PanelDevice[]>(
+          this.hass,
+          { type: "config/device_registry/list" },
+          {
+            errorId: "fetch:topology",
+          }
+        );
         realPanels = devices.filter((d: PanelDevice) => d.identifiers?.some(id => id[0] === INTEGRATION_DOMAIN) && !d.via_device_id);
       } catch (err) {
         console.error("SPAN Panel: device discovery failed", err);
@@ -869,7 +876,8 @@ export class SpanPanelElement extends LitElement {
         const device = this._panels.find(p => p.id === this._selectedPanelId);
         const entryId = device?.config_entries?.[0] ?? null;
         try {
-          const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
+          const retry = new RetryManager(this._errorStore);
+          const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined, retry);
           if (superseded()) return;
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, entryId);
@@ -903,7 +911,8 @@ export class SpanPanelElement extends LitElement {
         const areaDevice = this._panels.find(p => p.id === this._selectedPanelId);
         const areaEntryId = areaDevice?.config_entries?.[0] ?? null;
         try {
-          const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined);
+          const retry = new RetryManager(this._errorStore);
+          const result = await discoverTopology(this.hass, this._selectedPanelId ?? undefined, retry);
           if (superseded()) return;
           const config = this._buildDashboardConfig();
           this._listDashCtrl.init(result.topology, config, this.hass, areaEntryId);

From 0b25d342903e7bcfbea9a43bce1430c3b5db3155 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:35:17 -0700
Subject: [PATCH 69/97] Revert "remove extraneous docs"

This reverts commit 792959dcaeaca0fb7892808975ea328c28975988.
---
 .../plans/2026-04-15-error-management.md      | 1911 +++++++++++++++++
 .../2026-04-15-favorites-expanded-compact.md  |  865 ++++++++
 .../2026-04-15-error-management-design.md     |  300 +++
 ...04-15-favorites-expanded-compact-design.md |  186 ++
 4 files changed, 3262 insertions(+)
 create mode 100644 docs/superpowers/plans/2026-04-15-error-management.md
 create mode 100644 docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
 create mode 100644 docs/superpowers/specs/2026-04-15-error-management-design.md
 create mode 100644 docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md

diff --git a/docs/superpowers/plans/2026-04-15-error-management.md b/docs/superpowers/plans/2026-04-15-error-management.md
new file mode 100644
index 0000000..a93fbea
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-15-error-management.md
@@ -0,0 +1,1911 @@
+# Error Management Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
+> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Add user-facing error banners, retry logic, and panel offline detection to the span-card frontend so users see actionable status when the SPAN panel
+is unreachable or service calls fail.
+
+**Architecture:** A centralized ErrorStore singleton manages two lanes of errors (persistent and transient). A `<span-error-banner>` LitElement renders them at
+the top of both the card and panel views. A RetryManager wraps service calls with exponential backoff. The backend adds the panel_status binary sensor entity ID
+to the WebSocket topology response.
+
+**Tech Stack:** TypeScript, Lit 3, Vitest, Home Assistant WebSocket API, Python (HA integration backend)
+
+**Spec:** `docs/superpowers/specs/2026-04-15-error-management-design.md`
+
+---
+
+## File Structure
+
+### New Files
+
+| File                          | Responsibility                                                                   |
+| ----------------------------- | -------------------------------------------------------------------------------- |
+| `src/core/error-store.ts`     | ErrorStore singleton: two-lane error state, subscriptions, panel status watching |
+| `src/core/retry-manager.ts`   | RetryManager: exponential backoff wrapper for callWS/callService                 |
+| `src/core/error-banner.ts`    | `<span-error-banner>` LitElement component                                       |
+| `tests/error-store.test.ts`   | ErrorStore unit tests                                                            |
+| `tests/retry-manager.test.ts` | RetryManager unit tests                                                          |
+
+### Backend Change
+
+| File                                                                              | Change                                                                         |
+| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
+| `custom_components/span_panel/websocket.py` (in `/Users/bflood/projects/HA/span`) | Add helper to resolve panel_status binary sensor, include in topology response |
+| `tests/test_websocket.py` (in `/Users/bflood/projects/HA/span`)                   | Test the new panel_status field                                                |
+
+### Modified Frontend Files
+
+| File                               | Change                                                                       |
+| ---------------------------------- | ---------------------------------------------------------------------------- |
+| `src/types.ts`                     | Add `panel_status?: string` to `PanelEntities`                               |
+| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                                                    |
+| `src/i18n.ts`                      | Add error keys for all 5 locales                                             |
+| `src/card/span-panel-card.ts`      | Add banner, create ErrorStore, wire panel status watching                    |
+| `src/panel/span-panel.ts`          | Add banner, create ErrorStore, wire panel status watching                    |
+| `src/core/side-panel.ts`           | Remove `_showError()`, remove error-msg div, route errors through ErrorStore |
+| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager                          |
+| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                                              |
+| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                                              |
+| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                                              |
+| `src/core/area-resolver.ts`        | Dispatch warning on subscription failure                                     |
+| `src/panel/tab-monitoring.ts`      | Replace silent catches with ErrorStore                                       |
+| `src/card/card-discovery.ts`       | Wire retry into ErrorStore for discovery failures                            |
+
+---
+
+## Task 1: ErrorStore — Tests and Implementation
+
+**Files:**
+
+- Create: `src/core/error-store.ts`
+- Create: `tests/error-store.test.ts`
+
+- [ ] **Step 1: Write ErrorStore tests**
+
+Create `tests/error-store.test.ts`:
+
+```typescript
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { ErrorStore } from "../src/core/error-store.js";
+import type { ErrorEntry } from "../src/core/error-store.js";
+
+describe("ErrorStore", () => {
+  let store: ErrorStore;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  describe("add / remove / active", () => {
+    it("starts with no active errors", () => {
+      expect(store.active).toEqual([]);
+    });
+
+    it("adds a persistent error", () => {
+      store.add({
+        key: "panel-offline",
+        level: "error",
+        message: "SPAN Panel unreachable",
+        persistent: true,
+      });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+
+    it("adds a transient error with default TTL", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+      });
+      expect(store.active).toHaveLength(1);
+    });
+
+    it("auto-dismisses transient error after TTL", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+        ttl: 3000,
+      });
+      expect(store.active).toHaveLength(1);
+      vi.advanceTimersByTime(3000);
+      expect(store.active).toEqual([]);
+    });
+
+    it("uses default TTL of 5000ms when ttl omitted", () => {
+      store.add({
+        key: "service:relay",
+        level: "error",
+        message: "Relay toggle failed",
+        persistent: false,
+      });
+      vi.advanceTimersByTime(4999);
+      expect(store.active).toHaveLength(1);
+      vi.advanceTimersByTime(1);
+      expect(store.active).toEqual([]);
+    });
+
+    it("persistent errors are never auto-dismissed", () => {
+      store.add({
+        key: "panel-offline",
+        level: "error",
+        message: "SPAN Panel unreachable",
+        persistent: true,
+      });
+      vi.advanceTimersByTime(60_000);
+      expect(store.active).toHaveLength(1);
+    });
+
+    it("removes a specific error by key", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.remove("panel-offline");
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("service:relay");
+    });
+
+    it("remove is a no-op for unknown key", () => {
+      store.remove("nonexistent");
+      expect(store.active).toEqual([]);
+    });
+  });
+
+  describe("two-lane model", () => {
+    it("persistent errors appear before transient errors", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      expect(store.active[0]!.key).toBe("panel-offline");
+      expect(store.active[1]!.key).toBe("service:relay");
+    });
+
+    it("new transient error replaces previous transient error", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
+      const transient = store.active.filter(e => !e.persistent);
+      expect(transient).toHaveLength(1);
+      expect(transient[0]!.key).toBe("service:shedding");
+    });
+
+    it("replacing transient does not affect persistent errors", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
+      expect(store.active).toHaveLength(2);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+
+    it("multiple persistent errors can coexist", () => {
+      store.add({ key: "panel-offline:panel1", level: "error", message: "Panel 1", persistent: true });
+      store.add({ key: "panel-offline:panel2", level: "error", message: "Panel 2", persistent: true });
+      expect(store.active.filter(e => e.persistent)).toHaveLength(2);
+    });
+
+    it("re-adding same transient key resets the TTL timer", () => {
+      store.add({ key: "service:relay", level: "error", message: "first", persistent: false, ttl: 5000 });
+      vi.advanceTimersByTime(4000);
+      store.add({ key: "service:relay", level: "error", message: "second", persistent: false, ttl: 5000 });
+      vi.advanceTimersByTime(4000);
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.message).toBe("second");
+      vi.advanceTimersByTime(1000);
+      expect(store.active).toEqual([]);
+    });
+  });
+
+  describe("clear", () => {
+    it("clears all errors when no filter", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear();
+      expect(store.active).toEqual([]);
+    });
+
+    it("clears only persistent errors when filtered", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear({ persistent: true });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("service:relay");
+    });
+
+    it("clears only transient errors when filtered", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      store.clear({ persistent: false });
+      expect(store.active).toHaveLength(1);
+      expect(store.active[0]!.key).toBe("panel-offline");
+    });
+  });
+
+  describe("subscribe", () => {
+    it("notifies subscribers on add", () => {
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.add({ key: "test", level: "error", message: "msg", persistent: false });
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("notifies subscribers on remove", () => {
+      store.add({ key: "test", level: "error", message: "msg", persistent: true });
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.remove("test");
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("notifies on auto-dismiss", () => {
+      const cb = vi.fn();
+      store.subscribe(cb);
+      store.add({ key: "test", level: "error", message: "msg", persistent: false, ttl: 1000 });
+      cb.mockClear();
+      vi.advanceTimersByTime(1000);
+      expect(cb).toHaveBeenCalledTimes(1);
+    });
+
+    it("unsubscribe stops notifications", () => {
+      const cb = vi.fn();
+      const unsub = store.subscribe(cb);
+      unsub();
+      store.add({ key: "test", level: "error", message: "msg", persistent: false });
+      expect(cb).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("hasPersistent", () => {
+    it("returns false when no persistent errors", () => {
+      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
+      expect(store.hasPersistent("panel-offline")).toBe(false);
+    });
+
+    it("returns true when key exists as persistent", () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+  });
+
+  describe("panel status watching", () => {
+    it("adds persistent error when entity state is off", () => {
+      const hass = { states: { "binary_sensor.panel_status": { state: "off" } } } as any;
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass(hass);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("removes persistent error when entity state returns to on", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(false);
+    });
+
+    it("treats unavailable entity state as offline", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unavailable" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("treats unknown entity state as offline", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unknown" } } } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+
+    it("adds info message on reconnection", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      const info = store.active.find(e => e.level === "info");
+      expect(info).toBeDefined();
+      expect(info!.persistent).toBe(false);
+    });
+
+    it("does not add reconnection info on first online state", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
+      expect(store.active).toEqual([]);
+    });
+
+    it("handles missing entity gracefully", () => {
+      store.watchPanelStatus("binary_sensor.panel_status");
+      store.updateHass({ states: {} } as any);
+      expect(store.hasPersistent("panel-offline")).toBe(true);
+    });
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
+
+Expected: FAIL — module `../src/core/error-store.js` not found.
+
+- [ ] **Step 3: Implement ErrorStore**
+
+Create `src/core/error-store.ts`:
+
+```typescript
+import { t } from "../i18n.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_ERROR_TTL = 5_000;
+
+export interface ErrorEntry {
+  key: string;
+  level: "info" | "warning" | "error";
+  message: string;
+  persistent: boolean;
+  ttl?: number;
+  retryFn?: () => void;
+  timestamp: number;
+}
+
+type AddInput = Omit<ErrorEntry, "timestamp">;
+
+export class ErrorStore {
+  private _persistent = new Map<string, ErrorEntry>();
+  private _transient: ErrorEntry | null = null;
+  private _transientTimer: ReturnType<typeof setTimeout> | null = null;
+  private _subscribers = new Set<() => void>();
+  private _panelStatusEntityId: string | null = null;
+  private _wasOffline = false;
+
+  add(input: AddInput): void {
+    const entry: ErrorEntry = { ...input, timestamp: Date.now() };
+
+    if (entry.persistent) {
+      this._persistent.set(entry.key, entry);
+    } else {
+      // New transient replaces previous transient
+      if (this._transientTimer !== null) {
+        clearTimeout(this._transientTimer);
+        this._transientTimer = null;
+      }
+      this._transient = entry;
+      const ttl = entry.ttl ?? DEFAULT_ERROR_TTL;
+      this._transientTimer = setTimeout(() => {
+        this._transient = null;
+        this._transientTimer = null;
+        this._notify();
+      }, ttl);
+    }
+    this._notify();
+  }
+
+  remove(key: string): void {
+    const hadPersistent = this._persistent.delete(key);
+    const hadTransient = this._transient?.key === key;
+    if (hadTransient) {
+      if (this._transientTimer !== null) {
+        clearTimeout(this._transientTimer);
+        this._transientTimer = null;
+      }
+      this._transient = null;
+    }
+    if (hadPersistent || hadTransient) {
+      this._notify();
+    }
+  }
+
+  clear(filter?: { persistent?: boolean }): void {
+    if (filter === undefined) {
+      this._persistent.clear();
+      this._clearTransient();
+    } else if (filter.persistent === true) {
+      this._persistent.clear();
+    } else if (filter.persistent === false) {
+      this._clearTransient();
+    }
+    this._notify();
+  }
+
+  get active(): ErrorEntry[] {
+    const result: ErrorEntry[] = [...this._persistent.values()];
+    if (this._transient) {
+      result.push(this._transient);
+    }
+    return result;
+  }
+
+  hasPersistent(key: string): boolean {
+    return this._persistent.has(key);
+  }
+
+  subscribe(cb: () => void): () => void {
+    this._subscribers.add(cb);
+    return () => {
+      this._subscribers.delete(cb);
+    };
+  }
+
+  watchPanelStatus(entityId: string): void {
+    this._panelStatusEntityId = entityId;
+  }
+
+  updateHass(hass: HomeAssistant): void {
+    if (!this._panelStatusEntityId) return;
+
+    const entity = hass.states[this._panelStatusEntityId];
+    const isOffline = !entity || entity.state === "off" || entity.state === "unavailable" || entity.state === "unknown";
+
+    if (isOffline && !this.hasPersistent("panel-offline")) {
+      this.add({
+        key: "panel-offline",
+        level: "error",
+        message: t("error.panel_offline"),
+        persistent: true,
+      });
+      this._wasOffline = true;
+    } else if (!isOffline && this.hasPersistent("panel-offline")) {
+      this.remove("panel-offline");
+      if (this._wasOffline) {
+        this.add({
+          key: "panel-reconnected",
+          level: "info",
+          message: t("error.panel_reconnected"),
+          persistent: false,
+        });
+      }
+      this._wasOffline = false;
+    } else if (isOffline) {
+      this._wasOffline = true;
+    }
+  }
+
+  dispose(): void {
+    if (this._transientTimer !== null) {
+      clearTimeout(this._transientTimer);
+      this._transientTimer = null;
+    }
+    this._subscribers.clear();
+    this._persistent.clear();
+    this._transient = null;
+  }
+
+  private _clearTransient(): void {
+    if (this._transientTimer !== null) {
+      clearTimeout(this._transientTimer);
+      this._transientTimer = null;
+    }
+    this._transient = null;
+  }
+
+  private _notify(): void {
+    for (const cb of this._subscribers) {
+      cb();
+    }
+  }
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/error-store.ts tests/error-store.test.ts
+git commit -m "feat: add ErrorStore with two-lane persistent/transient error management"
+```
+
+---
+
+## Task 2: RetryManager — Tests and Implementation
+
+**Files:**
+
+- Create: `src/core/retry-manager.ts`
+- Create: `tests/retry-manager.test.ts`
+
+- [ ] **Step 1: Write RetryManager tests**
+
+Create `tests/retry-manager.test.ts`:
+
+```typescript
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { ErrorStore } from "../src/core/error-store.js";
+import { RetryManager } from "../src/core/retry-manager.js";
+
+function makeHass(overrides: Record<string, unknown> = {}) {
+  return {
+    states: {},
+    callWS: vi.fn(),
+    callService: vi.fn(),
+    ...overrides,
+  } as any;
+}
+
+describe("RetryManager", () => {
+  let store: ErrorStore;
+  let retry: RetryManager;
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+    retry = new RetryManager(store);
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  describe("callWS", () => {
+    it("returns result on first success", async () => {
+      const hass = makeHass({ callWS: vi.fn().mockResolvedValue({ data: 42 }) });
+      const result = await retry.callWS(hass, { type: "test" });
+      expect(result).toEqual({ data: 42 });
+      expect(hass.callWS).toHaveBeenCalledTimes(1);
+    });
+
+    it("retries on failure and succeeds on second attempt", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValueOnce(new Error("timeout")).mockResolvedValue({ ok: true }),
+      });
+      const promise = retry.callWS(hass, { type: "test" });
+      await vi.advanceTimersByTimeAsync(1000);
+      const result = await promise;
+      expect(result).toEqual({ ok: true });
+      expect(hass.callWS).toHaveBeenCalledTimes(2);
+    });
+
+    it("adds error to store after all retries exhausted", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValue(new Error("fail")),
+      });
+      await expect(async () => {
+        const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test", errorMessage: "Test failed" });
+        await vi.advanceTimersByTimeAsync(1000);
+        await vi.advanceTimersByTimeAsync(2000);
+        await vi.advanceTimersByTimeAsync(4000);
+        return promise;
+      }).rejects.toThrow("fail");
+      expect(hass.callWS).toHaveBeenCalledTimes(4); // 1 initial + 3 retries
+      expect(store.active.some(e => e.key === "ws:test")).toBe(true);
+    });
+
+    it("removes error from store on success after prior failure", async () => {
+      const hass = makeHass({
+        callWS: vi.fn().mockRejectedValueOnce(new Error("fail")).mockResolvedValue("ok"),
+      });
+      // First call with prior error in store
+      store.add({ key: "ws:test", level: "error", message: "old", persistent: false, ttl: 60_000 });
+      const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test" });
+      await vi.advanceTimersByTimeAsync(1000);
+      await promise;
+      expect(store.active.some(e => e.key === "ws:test")).toBe(false);
+    });
+
+    it("respects custom retry count", async () => {
+      const hass = makeHass({ callWS: vi.fn().mockRejectedValue(new Error("fail")) });
+      const promise = retry.callWS(hass, { type: "test" }, { retries: 1 }).catch(() => {});
+      await vi.advanceTimersByTimeAsync(1000);
+      await promise;
+      expect(hass.callWS).toHaveBeenCalledTimes(2); // 1 initial + 1 retry
+    });
+  });
+
+  describe("callService", () => {
+    it("returns on first success", async () => {
+      const hass = makeHass({ callService: vi.fn().mockResolvedValue(undefined) });
+      await retry.callService(hass, "switch", "turn_on", {}, { entity_id: "switch.test" });
+      expect(hass.callService).toHaveBeenCalledTimes(1);
+    });
+
+    it("adds error to store after exhaustion", async () => {
+      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("offline")) });
+      const promise = retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay", errorMessage: "Relay failed" }).catch(() => {});
+      await vi.advanceTimersByTimeAsync(1000);
+      await vi.advanceTimersByTimeAsync(2000);
+      await vi.advanceTimersByTimeAsync(4000);
+      await promise;
+      expect(store.active.some(e => e.key === "svc:relay")).toBe(true);
+    });
+  });
+
+  describe("panel offline short-circuit", () => {
+    it("skips retries when panel-offline is active", async () => {
+      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
+      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("fail")) });
+      await retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay" }).catch(() => {});
+      // Should not retry — immediate failure
+      expect(hass.callService).toHaveBeenCalledTimes(1);
+    });
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
+
+Expected: FAIL — module `../src/core/retry-manager.js` not found.
+
+- [ ] **Step 3: Implement RetryManager**
+
+Create `src/core/retry-manager.ts`:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import type { HomeAssistant } from "../types.js";
+
+const DEFAULT_RETRIES = 3;
+const BACKOFF_BASE_MS = 1000;
+
+function sleep(ms: number): Promise<void> {
+  return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+export class RetryManager {
+  private _store: ErrorStore;
+
+  constructor(store: ErrorStore) {
+    this._store = store;
+  }
+
+  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `ws:${String(msg.type ?? "unknown")}`;
+
+    return this._withRetry(() => hass.callWS<T>(msg), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  async callService(
+    hass: HomeAssistant,
+    domain: string,
+    service: string,
+    data?: Record<string, unknown>,
+    target?: Record<string, unknown>,
+    opts?: { errorId?: string; errorMessage?: string; retries?: number }
+  ): Promise<void> {
+    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
+    const errorId = opts?.errorId ?? `svc:${domain}.${service}`;
+
+    return this._withRetry(() => hass.callService(domain, service, data, target), maxRetries, errorId, opts?.errorMessage);
+  }
+
+  private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
+    // Short-circuit if panel is offline
+    if (this._store.hasPersistent("panel-offline")) {
+      this._store.add({
+        key: errorId,
+        level: "error",
+        message: errorMessage ?? "Panel offline — action unavailable",
+        persistent: false,
+      });
+      return fn(); // Single attempt, no retries
+    }
+
+    let lastError: Error | undefined;
+    for (let attempt = 0; attempt <= maxRetries; attempt++) {
+      try {
+        const result = await fn();
+        // Success after prior failure — clear the error
+        this._store.remove(errorId);
+        return result;
+      } catch (err) {
+        lastError = err instanceof Error ? err : new Error(String(err));
+        if (attempt < maxRetries) {
+          const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
+          await sleep(delay);
+        }
+      }
+    }
+
+    // All retries exhausted — add error to store
+    this._store.add({
+      key: errorId,
+      level: "error",
+      message: errorMessage ?? lastError?.message ?? "Operation failed",
+      persistent: false,
+    });
+    throw lastError!;
+  }
+}
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/retry-manager.ts tests/retry-manager.test.ts
+git commit -m "feat: add RetryManager with exponential backoff and panel-offline short-circuit"
+```
+
+---
+
+## Task 3: i18n Keys and Type Updates
+
+**Files:**
+
+- Modify: `src/i18n.ts`
+- Modify: `src/types.ts` (lines 58-65, `PanelEntities` interface)
+- Modify: `src/constants.ts` (line 56, `ERROR_DISPLAY_MS`)
+
+- [ ] **Step 1: Add error i18n keys to all 5 locales in `src/i18n.ts`**
+
+Add the following keys to the `en` section (after the existing `"card.*"` keys block). Then add translated equivalents to the `es`, `fr`, `ja`, and `pt`
+sections in the same position.
+
+English keys to add:
+
+```typescript
+// Error banners
+"error.panel_offline": "SPAN Panel unreachable",
+"error.panel_offline_named": "SPAN Panel '{name}' unreachable",
+"error.discovery_failed": "Unable to connect to SPAN Panel",
+"error.service_failed": "Action failed",
+"error.relay_failed": "Unable to toggle relay",
+"error.shedding_failed": "Unable to update shedding priority",
+"error.threshold_failed": "Unable to save threshold",
+"error.graph_horizon_failed": "Unable to update graph time horizon",
+"error.favorites_fetch_failed": "Unable to load favorites",
+"error.favorites_toggle_failed": "Unable to update favorite",
+"error.history_failed": "Unable to load historical data",
+"error.monitoring_failed": "Unable to load monitoring status",
+"error.graph_settings_failed": "Unable to load graph settings",
+"error.panel_reconnected": "SPAN Panel reconnected",
+"error.retry": "Retry",
+"card.connecting": "Connecting to SPAN Panel...",
+```
+
+Spanish (`es`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inaccesible",
+"error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
+"error.discovery_failed": "No se puede conectar al SPAN Panel",
+"error.service_failed": "Acción fallida",
+"error.relay_failed": "No se pudo cambiar el relé",
+"error.shedding_failed": "No se pudo actualizar la prioridad de desconexión",
+"error.threshold_failed": "No se pudo guardar el umbral",
+"error.graph_horizon_failed": "No se pudo actualizar el horizonte temporal del gráfico",
+"error.favorites_fetch_failed": "No se pudieron cargar los favoritos",
+"error.favorites_toggle_failed": "No se pudo actualizar el favorito",
+"error.history_failed": "No se pudieron cargar los datos históricos",
+"error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
+"error.graph_settings_failed": "No se pudo cargar la configuración del gráfico",
+"error.panel_reconnected": "SPAN Panel reconectado",
+"error.retry": "Reintentar",
+"card.connecting": "Conectando al SPAN Panel...",
+```
+
+French (`fr`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inaccessible",
+"error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
+"error.discovery_failed": "Impossible de se connecter au SPAN Panel",
+"error.service_failed": "Action échouée",
+"error.relay_failed": "Impossible de basculer le relais",
+"error.shedding_failed": "Impossible de mettre à jour la priorité de délestage",
+"error.threshold_failed": "Impossible d'enregistrer le seuil",
+"error.graph_horizon_failed": "Impossible de mettre à jour l'horizon temporel du graphique",
+"error.favorites_fetch_failed": "Impossible de charger les favoris",
+"error.favorites_toggle_failed": "Impossible de mettre à jour le favori",
+"error.history_failed": "Impossible de charger les données historiques",
+"error.monitoring_failed": "Impossible de charger l'état de surveillance",
+"error.graph_settings_failed": "Impossible de charger les paramètres du graphique",
+"error.panel_reconnected": "SPAN Panel reconnecté",
+"error.retry": "Réessayer",
+"card.connecting": "Connexion au SPAN Panel...",
+```
+
+Japanese (`ja`) translations:
+
+```typescript
+"error.panel_offline": "SPANパネルに接続できません",
+"error.panel_offline_named": "SPANパネル '{name}' に接続できません",
+"error.discovery_failed": "SPANパネルへの接続に失敗しました",
+"error.service_failed": "操作に失敗しました",
+"error.relay_failed": "リレーの切り替えに失敗しました",
+"error.shedding_failed": "シェディング優先度の更新に失敗しました",
+"error.threshold_failed": "しきい値の保存に失敗しました",
+"error.graph_horizon_failed": "グラフの時間範囲の更新に失敗しました",
+"error.favorites_fetch_failed": "お気に入りの読み込みに失敗しました",
+"error.favorites_toggle_failed": "お気に入りの更新に失敗しました",
+"error.history_failed": "履歴データの読み込みに失敗しました",
+"error.monitoring_failed": "監視ステータスの読み込みに失敗しました",
+"error.graph_settings_failed": "グラフ設定の読み込みに失敗しました",
+"error.panel_reconnected": "SPANパネルが再接続されました",
+"error.retry": "再試行",
+"card.connecting": "SPANパネルに接続中...",
+```
+
+Portuguese (`pt`) translations:
+
+```typescript
+"error.panel_offline": "SPAN Panel inacessível",
+"error.panel_offline_named": "SPAN Panel '{name}' inacessível",
+"error.discovery_failed": "Não foi possível conectar ao SPAN Panel",
+"error.service_failed": "Ação falhou",
+"error.relay_failed": "Não foi possível alternar o relé",
+"error.shedding_failed": "Não foi possível atualizar a prioridade de desligamento",
+"error.threshold_failed": "Não foi possível salvar o limite",
+"error.graph_horizon_failed": "Não foi possível atualizar o horizonte temporal do gráfico",
+"error.favorites_fetch_failed": "Não foi possível carregar os favoritos",
+"error.favorites_toggle_failed": "Não foi possível atualizar o favorito",
+"error.history_failed": "Não foi possível carregar os dados históricos",
+"error.monitoring_failed": "Não foi possível carregar o status de monitoramento",
+"error.graph_settings_failed": "Não foi possível carregar as configurações do gráfico",
+"error.panel_reconnected": "SPAN Panel reconectado",
+"error.retry": "Tentar novamente",
+"card.connecting": "Conectando ao SPAN Panel...",
+```
+
+- [ ] **Step 2: Add `panel_status` to `PanelEntities` in `src/types.ts`**
+
+In `src/types.ts`, find the `PanelEntities` interface (lines 58-65) and add:
+
+```typescript
+export interface PanelEntities {
+  site_power?: string;
+  current_power?: string;
+  feedthrough_power?: string;
+  pv_power?: string;
+  battery_level?: string;
+  dsm_state?: string;
+  panel_status?: string; // binary_sensor entity for online/offline
+}
+```
+
+- [ ] **Step 3: Remove `ERROR_DISPLAY_MS` from `src/constants.ts`**
+
+In `src/constants.ts`, remove line 56:
+
+```typescript
+export const ERROR_DISPLAY_MS = 5_000;
+```
+
+Also remove any other import of `ERROR_DISPLAY_MS` in other files. The only current consumer is `side-panel.ts` (line 4 import), which will be updated in
+Task 6.
+
+- [ ] **Step 4: Run the full test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS. The i18n-validate hook (lefthook) will also check key consistency.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/i18n.ts src/types.ts src/constants.ts
+git commit -m "feat: add error i18n keys, panel_status type, remove ERROR_DISPLAY_MS"
+```
+
+---
+
+## Task 4: `<span-error-banner>` Component
+
+**Files:**
+
+- Create: `src/core/error-banner.ts`
+
+- [ ] **Step 1: Implement the banner component**
+
+Create `src/core/error-banner.ts`:
+
+```typescript
+import { LitElement, html, css, nothing } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { t } from "../i18n.js";
+import type { ErrorStore, ErrorEntry } from "./error-store.js";
+
+@customElement("span-error-banner")
+export class SpanErrorBanner extends LitElement {
+  private _store: ErrorStore | null = null;
+  private _unsub: (() => void) | null = null;
+
+  @state() private _errors: ErrorEntry[] = [];
+
+  set store(store: ErrorStore) {
+    if (this._store === store) return;
+    this._unsub?.();
+    this._store = store;
+    this._errors = store.active;
+    this._unsub = store.subscribe(() => {
+      this._errors = this._store!.active;
+    });
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    this._unsub?.();
+    this._unsub = null;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+    }
+    :host(:empty) {
+      display: none;
+    }
+    .banner-row {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 12px;
+      font-size: 13px;
+      line-height: 1.4;
+      transition: opacity 200ms ease;
+    }
+    .banner-row + .banner-row {
+      border-top: 1px solid rgba(128, 128, 128, 0.2);
+    }
+    .banner-row.level-error {
+      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
+      color: var(--error-color, #db4437);
+    }
+    .banner-row.level-warning {
+      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
+      color: var(--warning-color, #ff9800);
+    }
+    .banner-row.level-info {
+      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
+      color: var(--info-color, #4285f4);
+    }
+    .icon {
+      flex-shrink: 0;
+      width: 18px;
+      height: 18px;
+      --mdc-icon-size: 18px;
+    }
+    .message {
+      flex: 1;
+      min-width: 0;
+    }
+    .retry-btn {
+      flex-shrink: 0;
+      background: none;
+      border: 1px solid currentColor;
+      border-radius: 4px;
+      color: inherit;
+      cursor: pointer;
+      font-size: 12px;
+      padding: 2px 8px;
+    }
+    .retry-btn:hover {
+      opacity: 0.8;
+    }
+  `;
+
+  protected render() {
+    if (this._errors.length === 0) return nothing;
+
+    return html`${this._errors.map(
+      entry => html`
+        <div class="banner-row level-${entry.level}">
+          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
+          <span class="message">${entry.message}</span>
+          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
+        </div>
+      `
+    )}`;
+  }
+
+  private _iconForLevel(level: string): string {
+    switch (level) {
+      case "error":
+        return "mdi:alert-circle";
+      case "warning":
+        return "mdi:alert";
+      default:
+        return "mdi:information";
+    }
+  }
+}
+```
+
+- [ ] **Step 2: Verify the component type-checks**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 3: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/error-banner.ts
+git commit -m "feat: add span-error-banner LitElement component"
+```
+
+---
+
+## Task 5: Backend — Add panel_status to Topology Response
+
+**Files:**
+
+- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`
+- Modify: `/Users/bflood/projects/HA/span/tests/test_websocket.py`
+
+- [ ] **Step 1: Write the backend test**
+
+In `/Users/bflood/projects/HA/span/tests/test_websocket.py`, add a test that verifies the `panel_status` binary sensor entity is included in the topology
+response's `panel_entities` map. Add this test to the existing integration test class that tests `handle_panel_topology`.
+
+The test should:
+
+1. Register a panel device
+2. Register a `binary_sensor` entity with unique_id `span_sp3-242424-001_panel_status` and domain `binary_sensor`
+3. Call `handle_panel_topology`
+4. Assert the result's `panel_entities` contains `"panel_status"` pointing to the registered binary sensor entity_id
+
+```python
+async def test_panel_topology_includes_panel_status_entity(
+    self,
+    hass: HomeAssistant,
+):
+    """Test that panel_status binary sensor is included in panel_entities."""
+    config_entry = MockConfigEntry(domain=DOMAIN, data={}, entry_id="test_entry")
+    config_entry.add_to_hass(hass)
+
+    serial = "sp3-242424-001"
+    snapshot = SpanPanelSnapshotFactory(serial_number=serial, circuits={})
+    coordinator = _make_coordinator(snapshot)
+    config_entry.runtime_data = SpanPanelRuntimeData(coordinator=coordinator)
+    hass.config_entries.async_update_entry(config_entry, state=ConfigEntryState.LOADED)
+
+    panel_device = _register_panel_device(hass, config_entry.entry_id, serial)
+    _register_entity(
+        hass,
+        config_entry.entry_id,
+        panel_device.id,
+        "binary_sensor",
+        f"span_{serial}_panel_status",
+        "binary_sensor.span_panel_test_panel_status",
+        original_name="Panel Status",
+    )
+
+    connection = _make_mock_connection()
+    await _handle_panel_topology_inner(
+        hass, connection, {"id": 1, "device_id": panel_device.id}
+    )
+    connection.send_result.assert_called_once()
+    result = connection.send_result.call_args[0][1]
+    assert result["panel_entities"]["panel_status"] == "binary_sensor.span_panel_test_panel_status"
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
+
+Expected: FAIL — `panel_status` key not in `panel_entities`.
+
+- [ ] **Step 3: Add the helper and wire it into the topology response**
+
+In `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`:
+
+1. Add the import for `build_binary_sensor_unique_id` from `id_builder`:
+
+```python
+from .id_builder import build_binary_sensor_unique_id
+```
+
+(Add alongside the existing `from .helpers import build_panel_unique_id` import.)
+
+1. Add a helper function after `_build_panel_entity_map`:
+
+```python
+def _resolve_panel_status_entity(
+    serial: str,
+    entity_registry: er.EntityRegistry,
+) -> str | None:
+    """Resolve the panel_status binary sensor entity_id."""
+    unique_id = build_binary_sensor_unique_id(serial.lower(), "panel_status")
+    return entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)
+```
+
+1. In `handle_panel_topology`, after the line that calls `_build_panel_entity_map` (line 135), add:
+
+```python
+panel_status_entity = _resolve_panel_status_entity(snapshot.serial_number, entity_registry)
+if panel_status_entity:
+    panel_entities["panel_status"] = panel_status_entity
+```
+
+- [ ] **Step 4: Run the test to verify it passes**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
+
+Expected: PASS.
+
+- [ ] **Step 5: Run the full backend test suite**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
+
+Expected: All tests PASS.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/span
+git add custom_components/span_panel/websocket.py tests/test_websocket.py
+git commit -m "feat: include panel_status binary sensor in topology response"
+```
+
+---
+
+## Task 6: Wire Banner into Card (`span-panel-card.ts`)
+
+**Files:**
+
+- Modify: `src/card/span-panel-card.ts`
+
+- [ ] **Step 1: Add imports**
+
+At the top of `src/card/span-panel-card.ts`, add:
+
+```typescript
+import { ErrorStore } from "../core/error-store.js";
+import "../core/error-banner.js";
+```
+
+- [ ] **Step 2: Add ErrorStore instance as a class property**
+
+In the state properties section (around line 49-66), add:
+
+```typescript
+private _errorStore = new ErrorStore();
+```
+
+- [ ] **Step 3: Add banner to render output**
+
+In the render method, find the State 3 branch that renders the discovered card (the `<ha-card>` return around line 164). Add the banner element as the first
+child inside `<ha-card>`, above the tab bar:
+
+```typescript
+<ha-card ...>
+  <span-error-banner .store=${this._errorStore}></span-error-banner>
+  <!-- existing tab bar and content -->
+```
+
+- [ ] **Step 4: Wire panel status watching after discovery**
+
+In the discovery completion code (after topology is successfully fetched), add:
+
+```typescript
+if (this._topology?.panel_entities?.panel_status) {
+  this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status);
+}
+```
+
+- [ ] **Step 5: Call updateHass on each hass property change**
+
+In the `updated()` lifecycle method (around line 179), after `this._ctrl.hass = this.hass;`, add:
+
+```typescript
+this._errorStore.updateHass(this.hass);
+```
+
+- [ ] **Step 6: Wire ErrorStore into the dashboard controller**
+
+Pass the error store to the controller so it can dispatch errors. Add a property on the controller or pass the store reference where it's constructed.
+
+- [ ] **Step 7: Replace discovery error static div with ErrorStore**
+
+In the `_discoverTopology()` method, replace the `this._discoveryError = ...` line with an ErrorStore persistent error:
+
+```typescript
+} catch (fallbackErr) {
+  console.error("SPAN Panel: fallback discovery also failed", fallbackErr);
+  this._errorStore.add({
+    key: "discovery-failed",
+    level: "error",
+    message: t("error.discovery_failed"),
+    persistent: true,
+    retryFn: () => {
+      this._errorStore.remove("discovery-failed");
+      this._discover();
+    },
+  });
+}
+```
+
+Update the render method to also show the banner in the not-yet-discovered state (remove the `_discoveryError` static div, use the banner instead):
+
+```typescript
+if (!this._discovered) {
+  return html`
+    <ha-card>
+      <span-error-banner .store=${this._errorStore}></span-error-banner>
+      ${this._errorStore.active.length === 0
+        ? html`<div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>`
+        : nothing}
+    </ha-card>
+  `;
+}
+```
+
+Remove the `_discoveryError` state property if no longer needed.
+
+- [ ] **Step 8: Dispose ErrorStore on disconnect**
+
+Add cleanup in `disconnectedCallback`:
+
+```typescript
+disconnectedCallback(): void {
+  super.disconnectedCallback();
+  this._errorStore.dispose();
+}
+```
+
+- [ ] **Step 9: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 10: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/card/span-panel-card.ts
+git commit -m "feat: wire error banner and panel status watching into card"
+```
+
+---
+
+## Task 7: Wire Banner into Panel (`span-panel.ts`)
+
+**Files:**
+
+- Modify: `src/panel/span-panel.ts`
+
+- [ ] **Step 1: Add imports**
+
+```typescript
+import { ErrorStore } from "../core/error-store.js";
+import "../core/error-banner.js";
+```
+
+- [ ] **Step 2: Add ErrorStore instance**
+
+```typescript
+private _errorStore = new ErrorStore();
+```
+
+- [ ] **Step 3: Add banner to render output**
+
+Place `<span-error-banner .store=${this._errorStore}></span-error-banner>` below the header/panel selector and above the tab content in the render method.
+
+- [ ] **Step 4: Wire panel status watching after discovery**
+
+After device discovery completes, for each panel's topology, call:
+
+```typescript
+if (topology?.panel_entities?.panel_status) {
+  this._errorStore.watchPanelStatus(topology.panel_entities.panel_status);
+}
+```
+
+- [ ] **Step 5: Call updateHass on hass property changes**
+
+In the `updated()` method (around line 240), add:
+
+```typescript
+this._errorStore.updateHass(this.hass);
+```
+
+- [ ] **Step 6: Surface favorites fetch errors**
+
+In `_loadFavorites()` (around line 605), replace the silent catch:
+
+```typescript
+} catch (err) {
+  console.warn("SPAN Panel: favorites fetch failed", err);
+  this._errorStore.add({
+    key: "fetch:favorites",
+    level: "warning",
+    message: t("error.favorites_fetch_failed"),
+    persistent: false,
+  });
+  return {};
+}
+```
+
+- [ ] **Step 7: Surface device discovery errors**
+
+In the discovery error catch block, add:
+
+```typescript
+this._errorStore.add({
+  key: "discovery-failed",
+  level: "error",
+  message: t("error.discovery_failed"),
+  persistent: true,
+  retryFn: () => {
+    this._errorStore.remove("discovery-failed");
+    this._discoverPanels();
+  },
+});
+```
+
+- [ ] **Step 8: Dispose on disconnect**
+
+```typescript
+disconnectedCallback(): void {
+  super.disconnectedCallback();
+  this._errorStore.dispose();
+}
+```
+
+- [ ] **Step 9: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 10: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/panel/span-panel.ts
+git commit -m "feat: wire error banner and panel status watching into panel"
+```
+
+---
+
+## Task 8: Replace Side Panel Error Handling
+
+**Files:**
+
+- Modify: `src/core/side-panel.ts`
+
+- [ ] **Step 1: Add ErrorStore property and remove old error machinery**
+
+1. Remove `ERROR_DISPLAY_MS` from the import on line 4.
+2. Add a public `errorStore` property:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+1. Remove the `_showError()` method (lines 1393-1402).
+2. Remove all three `error-msg` div creation blocks (in `_buildPanelMode` ~line 666, `_buildCircuitMode` ~line 415, `_buildSubDeviceMode` ~line 873). Remove the
+   div element creation (5 lines each: createElement, className, id, style.display, appendChild).
+
+- [ ] **Step 2: Replace all `_showError()` call sites with ErrorStore**
+
+Replace each `.catch((err: Error) => this._showError(...))` pattern. For example:
+
+**Relay toggle** (around line 1011):
+
+Before:
+
+```typescript
+.catch((err: Error) => this._showError(`${t("sidepanel.relay_failed")} ${err.message ?? err}`))
+```
+
+After:
+
+```typescript
+.catch((err: Error) => {
+  this.errorStore?.add({
+    key: "service:relay",
+    level: "error",
+    message: `${t("error.relay_failed")}`,
+    persistent: false,
+  });
+})
+```
+
+**Graph horizon changes** (around lines 465, 523, 551, 615, 643, 948, 955, 1122, 1132):
+
+Replace each `_showError(...)` with:
+
+```typescript
+this.errorStore?.add({
+  key: "service:graph_horizon",
+  level: "error",
+  message: t("error.graph_horizon_failed"),
+  persistent: false,
+});
+```
+
+**Shedding** (around line 1057):
+
+```typescript
+this.errorStore?.add({
+  key: "service:shedding",
+  level: "error",
+  message: t("error.shedding_failed"),
+  persistent: false,
+});
+```
+
+**Monitoring** (around lines 1213, 1228, 1270, 1331):
+
+```typescript
+this.errorStore?.add({
+  key: "service:monitoring",
+  level: "error",
+  message: t("error.threshold_failed"),
+  persistent: false,
+});
+```
+
+**Favorites** (around line 830):
+
+```typescript
+this.errorStore?.add({
+  key: "service:favorites",
+  level: "error",
+  message: t("error.favorites_toggle_failed"),
+  persistent: false,
+});
+```
+
+- [ ] **Step 3: Pass errorStore from card and panel components**
+
+In `span-panel-card.ts`, wherever the side panel is constructed or accessed, set its errorStore property:
+
+```typescript
+sidePanel.errorStore = this._errorStore;
+```
+
+Same in `span-panel.ts`.
+
+- [ ] **Step 4: Remove error-msg CSS if it exists in card-styles**
+
+Search for `.error-msg` CSS rules in the styles and remove them since the div no longer exists.
+
+- [ ] **Step 5: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/side-panel.ts src/card/span-panel-card.ts src/panel/span-panel.ts
+git commit -m "refactor: replace side panel _showError with ErrorStore dispatch"
+```
+
+---
+
+## Task 9: Replace Dashboard Controller Silent Catches
+
+**Files:**
+
+- Modify: `src/core/dashboard-controller.ts`
+
+- [ ] **Step 1: Add ErrorStore and RetryManager properties**
+
+Add imports and a property for the store:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { RetryManager } from "./retry-manager.js";
+```
+
+Add properties to the class:
+
+```typescript
+private _errorStore: ErrorStore | null = null;
+private _retryManager: RetryManager | null = null;
+
+set errorStore(store: ErrorStore) {
+  this._errorStore = store;
+  this._retryManager = new RetryManager(store);
+}
+```
+
+- [ ] **Step 2: Replace switch toggle catch (line 367)**
+
+Before:
+
+```typescript
+this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
+  console.error("SPAN Panel: switch service call failed:", err);
+});
+```
+
+After:
+
+```typescript
+if (this._retryManager) {
+  this._retryManager
+    .callService(
+      this._hass,
+      "switch",
+      service,
+      {},
+      { entity_id: switchEntity },
+      {
+        errorId: "service:relay",
+        errorMessage: t("error.relay_failed"),
+      }
+    )
+    .catch(() => {});
+} else {
+  this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(() => {});
+}
+```
+
+Add `import { t } from "../i18n.js";` if not already imported.
+
+- [ ] **Step 3: Replace history refresh catch (line 314)**
+
+Before:
+
+```typescript
+} catch {
+  // Will refresh on next interval
+}
+```
+
+After:
+
+```typescript
+} catch {
+  this._errorStore?.add({
+    key: "fetch:history",
+    level: "warning",
+    message: t("error.history_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 4: Replace graph settings fetch catch (line 148-159)**
+
+Before:
+
+```typescript
+} catch {
+  // Graph settings unavailable -- use defaults
+}
+```
+
+After:
+
+```typescript
+} catch {
+  this._errorStore?.add({
+    key: "fetch:graph_settings",
+    level: "warning",
+    message: t("error.graph_settings_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 5: Wire errorStore from card**
+
+In `span-panel-card.ts`, after creating the controller, set:
+
+```typescript
+this._ctrl.errorStore = this._errorStore;
+```
+
+Same in `span-panel.ts` for its controller instances.
+
+- [ ] **Step 6: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 7: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/dashboard-controller.ts src/card/span-panel-card.ts src/panel/span-panel.ts
+git commit -m "feat: replace dashboard controller silent catches with ErrorStore"
+```
+
+---
+
+## Task 10: Surface Errors in Cache Stores and Area Resolver
+
+**Files:**
+
+- Modify: `src/core/monitoring-status.ts`
+- Modify: `src/core/graph-settings.ts`
+- Modify: `src/core/favorites-store.ts`
+- Modify: `src/core/area-resolver.ts`
+
+Each cache store needs an optional `errorStore` property. When a fetch fails, dispatch a transient error in addition to the existing fallback behavior.
+
+- [ ] **Step 1: Add errorStore to MonitoringStatusCache**
+
+In `src/core/monitoring-status.ts`, add to the `MonitoringStatusCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+```
+
+In the `fetch()` method's catch block (line 43), add:
+
+```typescript
+} catch {
+  this._status = null;
+  this.errorStore?.add({
+    key: "fetch:monitoring",
+    level: "warning",
+    message: t("error.monitoring_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 2: Add errorStore to GraphSettingsCache**
+
+In `src/core/graph-settings.ts`, add to the `GraphSettingsCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+(Note: `t` may not yet be imported in this file — add it.)
+
+In the `fetch()` method's catch block (line 49), add:
+
+```typescript
+} catch {
+  this._settings = null;
+  this.errorStore?.add({
+    key: "fetch:graph_settings",
+    level: "warning",
+    message: t("error.graph_settings_failed"),
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 3: Add errorStore to FavoritesCache**
+
+In `src/core/favorites-store.ts`, add to the `FavoritesCache` class:
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+In the `fetch()` method's catch block (line 98), add:
+
+```typescript
+} catch {
+  this.errorStore?.add({
+    key: "fetch:favorites",
+    level: "warning",
+    message: t("error.favorites_fetch_failed"),
+    persistent: false,
+  });
+  return this._map ?? {};
+}
+```
+
+- [ ] **Step 4: Update area-resolver.ts**
+
+In `src/core/area-resolver.ts`, add an optional errorStore parameter to `subscribeAreaUpdates`:
+
+```typescript
+export async function subscribeAreaUpdates(
+  hass: HomeAssistant,
+  topology: PanelTopology,
+  callback: () => void,
+  errorStore?: ErrorStore | null,
+): Promise<() => void> {
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "./error-store.js";
+import { t } from "../i18n.js";
+```
+
+In the handler's catch block (line 114), add alongside the console.warn:
+
+```typescript
+} catch (err) {
+  console.warn("[span-panel] area registry update failed:", err);
+  errorStore?.add({
+    key: "fetch:areas",
+    level: "warning",
+    message: "Unable to update area assignments",
+    persistent: false,
+  });
+}
+```
+
+- [ ] **Step 5: Wire errorStore into cache instances from controllers**
+
+In `dashboard-controller.ts`, when `errorStore` is set, propagate to caches:
+
+```typescript
+set errorStore(store: ErrorStore) {
+  this._errorStore = store;
+  this._retryManager = new RetryManager(store);
+  this.monitoringCache.errorStore = store;
+  this.graphSettingsCache.errorStore = store;
+}
+```
+
+In `span-panel-card.ts` and `span-panel.ts`, pass errorStore to any `FavoritesCache` instances and `subscribeAreaUpdates` calls.
+
+- [ ] **Step 6: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 7: Run full test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS.
+
+- [ ] **Step 8: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/monitoring-status.ts src/core/graph-settings.ts \
+  src/core/favorites-store.ts src/core/area-resolver.ts \
+  src/core/dashboard-controller.ts src/card/span-panel-card.ts \
+  src/panel/span-panel.ts
+git commit -m "feat: surface cache fetch and area resolver errors via ErrorStore"
+```
+
+---
+
+## Task 11: Replace Tab Monitoring Silent Catches
+
+**Files:**
+
+- Modify: `src/panel/tab-monitoring.ts`
+
+- [ ] **Step 1: Add ErrorStore property**
+
+```typescript
+errorStore: ErrorStore | null = null;
+```
+
+Add import:
+
+```typescript
+import type { ErrorStore } from "../core/error-store.js";
+import { t } from "../i18n.js";
+```
+
+- [ ] **Step 2: Replace silent catches (lines 669, 679)**
+
+Replace each `.catch(() => {})` with:
+
+```typescript
+.catch(() => {
+  this.errorStore?.add({
+    key: "service:monitoring",
+    level: "error",
+    message: t("error.threshold_failed"),
+    persistent: false,
+  });
+})
+```
+
+- [ ] **Step 3: Wire errorStore from parent**
+
+In `span-panel.ts`, wherever `tab-monitoring` is constructed/accessed, pass:
+
+```typescript
+tabMonitoring.errorStore = this._errorStore;
+```
+
+- [ ] **Step 4: Verify type-checks pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/panel/tab-monitoring.ts src/panel/span-panel.ts
+git commit -m "feat: replace tab-monitoring silent catches with ErrorStore"
+```
+
+---
+
+## Task 12: Final Verification and Build
+
+**Files:** None new — verification only.
+
+- [ ] **Step 1: Run full frontend test suite**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
+
+Expected: All tests PASS.
+
+- [ ] **Step 2: Run type-check**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
+
+Expected: No type errors.
+
+- [ ] **Step 3: Run ESLint**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx eslint src/ --ext .ts`
+
+Expected: No errors.
+
+- [ ] **Step 4: Run full backend test suite**
+
+Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
+
+Expected: All tests PASS.
+
+- [ ] **Step 5: Build and sync frontend**
+
+Run: `/sync-frontend` skill or:
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card && ./scripts/build-frontend.sh
+```
+
+Expected: Build succeeds. Dist files updated.
+
+- [ ] **Step 6: Verify in browser**
+
+Start HA dev server and verify:
+
+1. With panel online: no banner visible
+2. Simulate panel offline (stop SPAN panel or mock entity state): red banner appears "SPAN Panel unreachable"
+3. Attempt relay toggle while offline: transient error appears below persistent banner
+4. Restore panel online: persistent banner disappears, brief "SPAN Panel reconnected" info appears
+5. Trigger a service call error: transient error appears with auto-dismiss
+
+- [ ] **Step 7: Commit build artifacts if needed**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add -A
+git commit -m "build: sync frontend dist with error management changes"
+```
diff --git a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
new file mode 100644
index 0000000..f74be39
--- /dev/null
+++ b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
@@ -0,0 +1,865 @@
+# Favorites list view — compact expanded row — Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
+> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** In By-Activity and By-Area list views, expanding a row should reveal only the chart; the two unique controls (gear and ON/OFF toggle) move onto the
+always-visible list row.
+
+**Architecture:** A new `buildExpandedChartHTML` renderer replaces the duplicative `buildExpandedCircuitHTML`. The list row gains a gear button and a tappable
+ON/OFF badge. A small shared `getCircuitStateClasses` helper keeps state-visualization classes consistent between the grid and the new chart-only expanded slot.
+
+**Tech Stack:** TypeScript, Lit (lightly used here — this card uses manual innerHTML), Vitest, Rollup, CSS-in-JS via tagged template literals.
+
+**Spec:** `docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md`
+
+---
+
+## File map
+
+**Create:**
+
+- `src/core/circuit-state.ts` — shared `getCircuitStateClasses` helper.
+- `tests/circuit-state.test.ts` — unit tests for the helper.
+
+**Modify:**
+
+- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses`.
+- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML`, delete `buildExpandedCircuitHTML`.
+- `src/core/list-view-controller.ts` — swap renderer calls, widen toggle selector, extend `updateCollapsedRows`.
+- `src/core/dashboard-controller.ts` — widen `onToggleClick` pill selector to include `list-status-toggle`.
+- `src/card/card-styles.ts` — add gear/badge/chart-only rules.
+
+**Test:**
+
+- `tests/circuit-state.test.ts` (new, above).
+- `tests/list-renderer.test.ts` (new — covers both renderers' new output shape).
+
+**Sync (post-build):**
+
+- `../../../HA/span/custom_components/span_panel/frontend/dist/` — via `scripts/build-frontend.sh` in the HA integration, or the `sync-frontend` skill.
+
+---
+
+## Task 1: Add shared `getCircuitStateClasses` helper
+
+Extracts the `circuit-off` / `circuit-producer` / `circuit-alert` / `circuit-custom-monitoring` class logic that `renderCircuitSlot` computes inline today. Grid
+and list will both call this so they stay in sync.
+
+**Files:**
+
+- Create: `src/core/circuit-state.ts`
+- Create: `tests/circuit-state.test.ts`
+
+- [ ] **Step 1: Write the failing test**
+
+Create `tests/circuit-state.test.ts`:
+
+```ts
+import { describe, it, expect } from "vitest";
+import { getCircuitStateClasses } from "../src/core/circuit-state.js";
+import type { Circuit, MonitoringPointInfo } from "../src/types.js";
+
+const baseCircuit: Circuit = { name: "Test" };
+
+describe("getCircuitStateClasses", () => {
+  it("returns empty string when circuit is on, not producer, no monitoring info", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, false)).toBe("");
+  });
+
+  it("adds circuit-off when isOn is false", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, false, false)).toBe("circuit-off");
+  });
+
+  it("adds circuit-producer when isProducer is true", () => {
+    expect(getCircuitStateClasses(baseCircuit, null, true, true)).toBe("circuit-producer");
+  });
+
+  it("adds both when off and producer", () => {
+    const result = getCircuitStateClasses(baseCircuit, null, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+  });
+
+  it("adds circuit-alert when monitoringInfo indicates alert", () => {
+    const info: MonitoringPointInfo = { utilization_pct: 95, over_threshold_since: "2024-01-01T00:00:00Z" };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-alert");
+  });
+
+  it("adds circuit-custom-monitoring when continuous_threshold_pct is set", () => {
+    const info: MonitoringPointInfo = { continuous_threshold_pct: 80 };
+    const result = getCircuitStateClasses(baseCircuit, info, true, false);
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+
+  it("handles all classes together", () => {
+    const info: MonitoringPointInfo = {
+      utilization_pct: 99,
+      over_threshold_since: "2024-01-01T00:00:00Z",
+      continuous_threshold_pct: 80,
+    };
+    const result = getCircuitStateClasses(baseCircuit, info, false, true);
+    expect(result).toContain("circuit-off");
+    expect(result).toContain("circuit-producer");
+    expect(result).toContain("circuit-alert");
+    expect(result).toContain("circuit-custom-monitoring");
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
+
+Expected: FAIL with "Cannot find module '../src/core/circuit-state.js'".
+
+- [ ] **Step 3: Implement the helper**
+
+Create `src/core/circuit-state.ts`:
+
+```ts
+import { hasCustomOverrides, isAlertActive } from "./monitoring-status.js";
+import type { Circuit, MonitoringPointInfo } from "../types.js";
+
+/**
+ * Build the set of state-visualization classes that apply to a circuit's
+ * rendered slot. Shared by the breaker grid and the list view's
+ * chart-only expanded slot so both render the same border/background
+ * signaling.
+ */
+export function getCircuitStateClasses(_circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string {
+  const classes: string[] = [];
+  if (!isOn) classes.push("circuit-off");
+  if (isProducer) classes.push("circuit-producer");
+  if (isAlertActive(monitoringInfo)) classes.push("circuit-alert");
+  if (hasCustomOverrides(monitoringInfo)) classes.push("circuit-custom-monitoring");
+  return classes.join(" ");
+}
+```
+
+Note: `_circuit` is retained in the signature so future extensions (e.g. device-type specific classes) don't require a breaking change. The underscore prefix
+tells ESLint it's intentionally unused.
+
+- [ ] **Step 4: Run the test to verify it passes**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
+
+Expected: 7 passing tests.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 6: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/circuit-state.ts tests/circuit-state.test.ts
+git commit -m "feat(core): extract shared getCircuitStateClasses helper"
+```
+
+---
+
+## Task 2: Adopt `getCircuitStateClasses` in `renderCircuitSlot`
+
+Replace the inline class computation in `renderCircuitSlot` with a call to the shared helper, so the grid and list stay in lockstep.
+
+**Files:**
+
+- Modify: `src/core/grid-renderer.ts`
+
+- [ ] **Step 1: Read the current state-class logic**
+
+Open `src/core/grid-renderer.ts`. Lines 193-195 currently contain:
+
+```ts
+const alertActive = isAlertActive(monitoringInfo);
+const alertClass = alertActive ? "circuit-alert" : "";
+const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
+```
+
+And line 202 uses them:
+
+```ts
+<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
+```
+
+- [ ] **Step 2: Refactor to use the shared helper**
+
+At the top of `grid-renderer.ts`, add the import alongside the existing monitoring-status import:
+
+```ts
+import { getCircuitStateClasses } from "./circuit-state.js";
+```
+
+Remove these lines from `renderCircuitSlot`:
+
+```ts
+const alertActive = isAlertActive(monitoringInfo);
+const alertClass = alertActive ? "circuit-alert" : "";
+const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
+```
+
+Replace the `<div class="circuit-slot ...">` line with:
+
+```ts
+const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
+```
+
+(add this line after the existing `const customClass` removal, before the template returns). Then change the opening div of the return template from:
+
+```ts
+<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
+```
+
+to:
+
+```ts
+<div class="circuit-slot ${stateClasses} ${layoutClass}"
+```
+
+Also remove the `isAlertActive` import from `./monitoring-status.js` **only if it has no other callers in this file** (grep the file first — keep the import if
+other call sites remain).
+
+- [ ] **Step 3: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 4: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all existing tests still pass, including `circuit-state.test.ts`.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/grid-renderer.ts
+git commit -m "refactor(grid): use shared getCircuitStateClasses"
+```
+
+---
+
+## Task 3: Add `buildExpandedChartHTML` renderer
+
+Replace the full-circuit-slot expanded view with a minimal chart-only variant.
+
+**Files:**
+
+- Modify: `src/core/list-renderer.ts`
+- Create: `tests/list-renderer.test.ts`
+
+- [ ] **Step 1: Write the failing test**
+
+Create `tests/list-renderer.test.ts`:
+
+```ts
+import { describe, it, expect } from "vitest";
+import { buildExpandedChartHTML } from "../src/core/list-renderer.js";
+import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
+
+const mockHass = {
+  states: {
+    "switch.circuit_a": { state: "on", attributes: {} },
+    "sensor.circuit_a_power": { state: "150", attributes: {} },
+  },
+} as unknown as HomeAssistant;
+
+const mockConfig = { chart_metric: "power" } as unknown as CardConfig;
+
+const onCircuit: Circuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+};
+
+const offCircuit: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
+
+describe("buildExpandedChartHTML", () => {
+  it("produces a list-expanded-content wrapper with the circuit uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain('class="list-expanded-content"');
+    expect(html).toContain('data-expanded-uuid="uuid-123"');
+  });
+
+  it("wraps a circuit-slot that carries the chart-only marker class and data-uuid", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-slot");
+    expect(html).toContain("circuit-chart-only");
+    expect(html).toContain('data-uuid="uuid-123"');
+  });
+
+  it("contains exactly one chart-container div", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    const matches = html.match(/class="chart-container"/g);
+    expect(matches?.length).toBe(1);
+  });
+
+  it("does NOT contain circuit-header or circuit-status duplicated content", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-header");
+    expect(html).not.toContain("circuit-status");
+    expect(html).not.toContain("toggle-pill");
+    expect(html).not.toContain("breaker-badge");
+    expect(html).not.toContain("power-value");
+  });
+
+  it("applies circuit-off class when circuit is off", () => {
+    const off: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
+    const html = buildExpandedChartHTML("uuid-123", off, mockHass, mockConfig, null);
+    expect(html).toContain("circuit-off");
+  });
+
+  it("omits circuit-off class when circuit is on", () => {
+    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("circuit-off");
+  });
+
+  it("escapes unsafe uuids", () => {
+    const html = buildExpandedChartHTML('"><script>alert(1)</script>', onCircuit, mockHass, mockConfig, null);
+    expect(html).not.toContain("<script>");
+  });
+});
+```
+
+- [ ] **Step 2: Run the test to verify it fails**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: FAIL with "`buildExpandedChartHTML` is not exported" or similar.
+
+- [ ] **Step 3: Implement `buildExpandedChartHTML` and delete `buildExpandedCircuitHTML`**
+
+In `src/core/list-renderer.ts`, add this import alongside existing ones:
+
+```ts
+import { DEVICE_TYPE_PV } from "../constants.js";
+import { getCircuitStateClasses } from "./circuit-state.js";
+```
+
+Replace the existing `buildExpandedCircuitHTML` function (lines 135-145) with:
+
+```ts
+/**
+ * Build the chart-only expanded content for a list row. The collapsed
+ * list row already shows breaker / name / shedding / utilization / status /
+ * power, so the expanded area only needs to surface the chart. State-
+ * visualization classes (off, producer, alert, custom monitoring) still
+ * apply to the wrapping slot so border/background signaling is preserved.
+ */
+export function buildExpandedChartHTML(
+  uuid: string,
+  circuit: Circuit,
+  hass: HomeAssistant,
+  config: CardConfig,
+  monitoringInfo: MonitoringPointInfo | null
+): string {
+  void config;
+  const powerEid = circuit.entities?.power;
+  const powerState = powerEid ? hass.states[powerEid] : null;
+  const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;
+  const isProducer = circuit.device_type === DEVICE_TYPE_PV || powerW < 0;
+
+  const switchEid = circuit.entities?.switch;
+  const switchState = switchEid ? hass.states[switchEid] : null;
+  const isOn = switchState
+    ? switchState.state === "on"
+    : ((powerState?.attributes?.relay_state as string | undefined) || circuit.relay_state) === RELAY_STATE_CLOSED;
+
+  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
+  const safeUuid = escapeHtml(uuid);
+
+  return `
+    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
+      <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
+        <div class="chart-container"></div>
+      </div>
+    </div>
+  `;
+}
+```
+
+Keep the `renderCircuitSlot` import removable — verify nothing else in `list-renderer.ts` references it, and drop the import if so.
+
+- [ ] **Step 4: Run the new tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: all 7 tests pass.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: errors about `buildExpandedCircuitHTML` being used in `list-view-controller.ts` (we fix that in Task 5). Note the errors — they will be resolved in
+Task 5. **Do not commit yet.** Continue to Step 6.
+
+- [ ] **Step 6: Leave the commit for the combined Task 5 commit**
+
+Do NOT commit yet. Task 5 will update `list-view-controller.ts` to import and call `buildExpandedChartHTML`, which resolves the remaining typecheck failures.
+Committing now would break the build at HEAD.
+
+---
+
+## Task 4: Add gear and tappable badge to `buildListRowHTML`
+
+**Files:**
+
+- Modify: `src/core/list-renderer.ts`
+- Modify: `tests/list-renderer.test.ts` (append to the file from Task 3)
+
+- [ ] **Step 1: Write the failing tests for the new list-row structure**
+
+Append to `tests/list-renderer.test.ts`:
+
+```ts
+import { buildListRowHTML } from "../src/core/list-renderer.js";
+
+const controllableCircuit: Circuit = {
+  name: "Kitchen",
+  tabs: [1],
+  relay_state: "CLOSED",
+  is_user_controllable: true,
+  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
+};
+
+const nonControllableCircuit: Circuit = {
+  name: "Solar",
+  tabs: [2],
+  relay_state: "CLOSED",
+  is_user_controllable: false,
+  entities: { power: "sensor.circuit_b_power" },
+};
+
+describe("buildListRowHTML gear and tappable badge", () => {
+  it("adds a gear button with data-uuid", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("gear-icon");
+    expect(html).toContain("circuit-gear");
+    expect(html).toContain('data-uuid="uuid-42"');
+  });
+
+  it("puts the gear after list-power-value and before list-expand-toggle", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const valueIdx = html.indexOf("list-power-value");
+    const gearIdx = html.indexOf("gear-icon");
+    const toggleIdx = html.indexOf("list-expand-toggle");
+    expect(valueIdx).toBeGreaterThan(-1);
+    expect(gearIdx).toBeGreaterThan(valueIdx);
+    expect(toggleIdx).toBeGreaterThan(gearIdx);
+  });
+
+  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle for non-controllable circuits", () => {
+    const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("omits list-status-toggle when circuit has no switch entity", () => {
+    const noSwitch: Circuit = { ...controllableCircuit, entities: { power: "sensor.circuit_a_power" } };
+    const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
+    expect(html).not.toContain("list-status-toggle");
+  });
+
+  it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {
+    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
+    const rowMatch = html.match(/<div class="list-row[^"]*"([^>]*)>/);
+    expect(rowMatch).not.toBeNull();
+    const attrs = rowMatch?.[1] ?? "";
+    expect(attrs).toContain('data-uuid="uuid-42"');
+    expect(attrs).toContain('data-row-uuid="uuid-42"');
+  });
+});
+```
+
+- [ ] **Step 2: Run the tests to verify they fail**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: the 6 new tests fail; the 7 from Task 3 still pass.
+
+- [ ] **Step 3: Import `MONITORING_COLORS` and update `buildListRowHTML`**
+
+In `src/core/list-renderer.ts`, extend the constants import:
+
+```ts
+import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
+```
+
+Add an import for `hasCustomOverrides`:
+
+```ts
+import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
+```
+
+Inside `buildListRowHTML`, compute the gear color and toggleability block. After the `utilizationHTML` block (around line 110) but before the `statusBadge`
+line, add:
+
+```ts
+// Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.
+const hasOverridesFlag = monitoringInfo ? hasCustomOverrides(monitoringInfo) : false;
+const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
+const gearHTML = `<button class="gear-icon circuit-gear"
+  data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
+  title="${t("grid.configure")}">
+  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
+</button>`;
+
+// Make the status badge tappable only when the circuit can actually be
+// toggled. Uses the same gate as the breaker-grid toggle-pill.
+const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
+const toggleClass = isToggleable ? " list-status-toggle" : "";
+```
+
+Replace the existing `statusBadge` definition:
+
+```ts
+const statusBadge = isOn
+  ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
+  : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
+```
+
+Replace the return template's opening row div and insert the gear before the expand toggle:
+
+```ts
+return `
+  <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
+       data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
+    ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
+    <span class="list-circuit-name">${name}</span>
+    ${sheddingHTML}
+    ${utilizationHTML}
+    ${statusBadge}
+    <span class="list-power-value">
+      ${valueHTML}
+    </span>
+    ${gearHTML}
+    <button class="list-expand-toggle ${isExpanded ? "expanded" : ""}" data-expand-uuid="${escapeHtml(uuid)}">
+      <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>
+    </button>
+  </div>
+`;
+```
+
+- [ ] **Step 4: Run the tests to verify they pass**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
+
+Expected: all 13 tests pass.
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: TypeScript errors remaining from Task 3 about `list-view-controller.ts` calling the deleted `buildExpandedCircuitHTML`. The list-renderer.ts itself
+should be clean.
+
+- [ ] **Step 6: Do not commit yet — continue to Task 5**
+
+Task 5 closes out the list-renderer changes by updating the controller to call the new function.
+
+---
+
+## Task 5: Update `ListViewController`
+
+Swap renderer calls, widen the toggle selector, and update `updateCollapsedRows` to keep the `list-status-toggle` class in sync with controllability.
+
+**Files:**
+
+- Modify: `src/core/list-view-controller.ts`
+
+- [ ] **Step 1: Update the import**
+
+Change the list-renderer import line near the top of `src/core/list-view-controller.ts`:
+
+```ts
+import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
+```
+
+(Drop `buildExpandedCircuitHTML` from the import list.)
+
+- [ ] **Step 2: Swap the three call sites**
+
+Replace every `buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority)` call with
+`buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo)`. The three sites are in `renderActivityView`, `renderAreaView`, and `_toggleExpand`.
+
+- [ ] **Step 3: Widen the toggle selector**
+
+In `_bindEvents`, change:
+
+```ts
+const togglePill = target.closest(".toggle-pill");
+if (togglePill) {
+```
+
+to:
+
+```ts
+const togglePill = target.closest(".toggle-pill, .list-status-toggle");
+if (togglePill) {
+```
+
+- [ ] **Step 4: Update `updateCollapsedRows` to keep badge class in sync**
+
+In `updateCollapsedRows`, after the existing `statusBadge.classList.toggle("list-status-on", isOn); statusBadge.classList.toggle("list-status-off", !isOn);`
+block, add:
+
+```ts
+if (statusBadge) {
+  const circuit2 = circuit; // already in scope
+  const isToggleable = circuit2.is_user_controllable !== false && !!circuit2.entities?.switch;
+  statusBadge.classList.toggle("list-status-toggle", isToggleable);
+}
+```
+
+(The existing `if (statusBadge)` block can be extended in place — just inline the toggleable class update into it instead of introducing a second `if`.)
+
+- [ ] **Step 5: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no TypeScript errors.
+
+- [ ] **Step 6: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all tests pass.
+
+- [ ] **Step 7: Commit Tasks 3–5 together**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/list-renderer.ts src/core/list-view-controller.ts tests/list-renderer.test.ts
+git commit -m "feat(list): chart-only expanded rows; gear + tappable badge on list row"
+```
+
+---
+
+## Task 6: Widen `onToggleClick` to accept `.list-status-toggle`
+
+`DashboardController.onToggleClick` hardcodes `target.closest(".toggle-pill")` — without this change, taps on the new tappable badge are swallowed.
+
+**Files:**
+
+- Modify: `src/core/dashboard-controller.ts`
+
+- [ ] **Step 1: Locate the selector**
+
+Open `src/core/dashboard-controller.ts`. Around line 330 you'll see:
+
+```ts
+onToggleClick(ev: Event, root: DOMRoot): void {
+  const target = ev.target as HTMLElement | null;
+  const pill = target?.closest(".toggle-pill");
+  if (!pill) return;
+```
+
+- [ ] **Step 2: Widen the selector**
+
+Change the `.toggle-pill` closest call to:
+
+```ts
+const pill = target?.closest(".toggle-pill, .list-status-toggle");
+```
+
+No other changes — the ancestor `.closest("[data-uuid]")` already finds the list row because Task 4 added `data-uuid` to `.list-row`.
+
+- [ ] **Step 3: Typecheck**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
+
+Expected: no errors.
+
+- [ ] **Step 4: Run all tests**
+
+Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
+
+Expected: all tests pass.
+
+- [ ] **Step 5: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/core/dashboard-controller.ts
+git commit -m "fix(dashboard): accept .list-status-toggle as a toggle target"
+```
+
+---
+
+## Task 7: CSS — gear, tappable badge, chart-only slot
+
+**Files:**
+
+- Modify: `src/card/card-styles.ts`
+
+- [ ] **Step 1: Read the current expanded-content styles**
+
+Open `src/card/card-styles.ts`. Locate the two blocks added in the Favorites feature:
+
+```css
+.list-expanded-content {
+  padding: 12px;
+  background: var(--card-background-color, #1c1c1c);
+  ...
+}
+
+.list-expanded-content .circuit-slot {
+  border: none;
+  margin: 0;
+  ...
+}
+```
+
+And note the current `.chart-container` height rule for the list view (search for `.list-expanded-content .chart-container` or the general `.chart-container`
+rule). Record the current height so the new chart-only rule matches it.
+
+- [ ] **Step 2: Add the new rules and remove the redundant override**
+
+Inside the styles template string, add these rules (place them near the existing `.list-expanded-content` block so related styles stay adjacent):
+
+```css
+/* ── List row gear ─────────────────────────────────────── */
+.list-row .gear-icon {
+  background: transparent;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: #555;
+  display: inline-flex;
+  align-items: center;
+}
+.list-row .gear-icon:hover {
+  color: var(--primary-text-color);
+}
+
+/* ── Tappable status badge ─────────────────────────────── */
+.list-status-badge.list-status-toggle {
+  cursor: pointer;
+  user-select: none;
+}
+.list-status-badge.list-status-toggle:hover {
+  filter: brightness(1.15);
+}
+
+/* ── Chart-only expanded slot ──────────────────────────── */
+.circuit-slot.circuit-chart-only {
+  border: none;
+  padding: 8px 12px;
+  margin: 0;
+  /* Existing .circuit-alert / .circuit-custom-monitoring rules still apply. */
+}
+.circuit-slot.circuit-chart-only .chart-container {
+  width: 100%;
+  /* Keep chart height equal to the pre-change value (see Step 1). */
+  height: <VALUE_FROM_STEP_1>;
+}
+```
+
+Update `.list-expanded-content` padding from `12px` to `0`:
+
+```css
+.list-expanded-content {
+  padding: 0;
+  background: var(--card-background-color, #1c1c1c);
+  /* keep other existing properties */
+}
+```
+
+Delete the now-redundant:
+
+```css
+.list-expanded-content .circuit-slot {
+  border: none;
+  margin: 0;
+}
+```
+
+(Its behaviors are subsumed by the new `.circuit-slot.circuit-chart-only` rule.)
+
+- [ ] **Step 3: Build and visually verify**
+
+Run:
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+npm run build
+```
+
+Expected: build succeeds with no typecheck or rollup errors.
+
+- [ ] **Step 4: Commit**
+
+```bash
+cd /Users/bflood/projects/HA/cards/span-card
+git add src/card/card-styles.ts
+git commit -m "style: list-row gear, tappable badge, chart-only slot"
+```
+
+---
+
+## Task 8: Sync built bundle into the HA integration and smoke-test
+
+**Files:**
+
+- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/frontend/dist/*` (generated)
+
+- [ ] **Step 1: Sync the built bundle**
+
+Use the `sync-frontend` skill (preferred), or run the HA-side script:
+
+```bash
+cd /Users/bflood/projects/HA/span
+./scripts/build-frontend.sh
+```
+
+Expected: `custom_components/span_panel/frontend/dist/span-card.js` is updated.
+
+- [ ] **Step 2: Commit the synced bundle in the HA repo**
+
+```bash
+cd /Users/bflood/projects/HA/span
+git add custom_components/span_panel/frontend/dist/
+git commit -m "build: sync span-card bundle (compact expanded list rows)"
+```
+
+- [ ] **Step 3: Manual smoke tests (from the spec's test plan)**
+
+Reload the Home Assistant dashboard and the Favorites panel, then verify:
+
+1. **By-Activity view, Favorites panel:** expand a row — only the chart appears, no duplicated header/status. Chart height matches the previous layout.
+2. **By-Area view, Favorites panel:** same.
+3. **By-Activity / By-Area in the regular dashboard card:** same.
+4. **Gear on list row:** tap it — side panel opens for that circuit.
+5. **Tappable ON/OFF badge (controllable circuit):** tap it — after arming the panel-level "Enable switches" slide-to-confirm, the badge toggles state; row
+   re-sorts according to new state.
+6. **Non-controllable circuit (PV):** the badge shows ON/OFF but has no hover cursor, and taps do nothing.
+7. **Alert signaling:** a circuit with an active alert shows the alert border on the expanded chart slot.
+8. **Favorites state persistence:** reload the page — previously expanded rows remain expanded with their charts rendered.
+9. **Breaker grid view:** unchanged visually and behaviorally.
+
+- [ ] **Step 4: If smoke tests pass, you're done**
+
+If any smoke test fails, capture the failure mode and open a follow-up issue or fix in place before wrapping.
+
+---
+
+## Self-review notes
+
+- **Spec coverage:** §1 (list row) → Task 4. §2 (expanded content) → Task 3. §3 (shared helper) → Tasks 1 & 2. §4 (controller wiring) → Tasks 5 & 6. §5 (CSS) →
+  Task 7. Verification points §1/§2/§3 → covered explicitly in Tasks 6, 4, and 7 respectively.
+- **Placeholders:** one intentional placeholder in Task 7 Step 2 (`<VALUE_FROM_STEP_1>`) — this is an instruction to read-and-replace a runtime value from the
+  current CSS, not a TBD for later.
+- **Type consistency:** `getCircuitStateClasses` signature matches across Task 1 definition, Task 2 call, and Task 3 call. `buildExpandedChartHTML` signature
+  defined in Task 3 matches import and call sites in Task 5.
diff --git a/docs/superpowers/specs/2026-04-15-error-management-design.md b/docs/superpowers/specs/2026-04-15-error-management-design.md
new file mode 100644
index 0000000..3c0dde0
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-15-error-management-design.md
@@ -0,0 +1,300 @@
+# Error Management Design Spec
+
+**Date:** 2026-04-15 **Scope:** span-card frontend + span_panel backend (websocket.py) **Branch:** feature/favorites-view
+
+## Problem
+
+The span-card frontend has no user-facing error management for panel unavailability. When a SPAN panel goes offline:
+
+- Charts silently stop updating (`parseFloat("unavailable")` returns NaN, samples are skipped)
+- Switch toggles fail silently (console.error only)
+- Favorites, history, monitoring, and graph settings fetches fail silently
+- The only user-visible error display is `_showError()` inside the side panel, which auto-dismisses after 5 seconds and only covers service calls made from
+  within the side panel
+
+The backend already tracks `panel_offline` state in the coordinator and surfaces it via a `binary_sensor.*_panel_status` entity that is always available.
+Entities have per-type availability strategies. The frontend does not consume any of these signals.
+
+## Design Decisions
+
+| Decision                    | Choice                                                      | Rationale                                                                     |
+| --------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------------------------- |
+| Card vs panel error UX      | Identical in both contexts                                  | Users expect consistent behavior                                              |
+| Retry behavior              | Automatic (3x backoff) + manual fallback                    | Handles transient failures automatically; gives user control after exhaustion |
+| Stale data visual treatment | Banner only, no opacity/degradation                         | Clean, non-distracting; banner is sufficient signal                           |
+| Panel status detection      | Watch `binary_sensor.*_panel_status`                        | Single source of truth maintained by coordinator                              |
+| Error display location      | Top-of-dashboard banner                                     | Side panel implies configuration, not system state                            |
+| Service call error location | Same top banner                                             | Consistent single location for all errors                                     |
+| Banner persistence          | State-driven; persistent errors stay until condition clears | Panel offline must never be displaced by transient errors                     |
+| Transient error stacking    | New transient replaces previous transient                   | Prevents banner noise from rapid failures                                     |
+
+## Architecture
+
+### ErrorStore (`src/core/error-store.ts`)
+
+Singleton class managing all active error state.
+
+#### Error Entry Shape
+
+```typescript
+interface ErrorEntry {
+  id: string; // unique key, e.g. "panel-offline", "service:set_threshold:abc123"
+  level: "info" | "warning" | "error";
+  message: string; // localized display string
+  persistent: boolean; // true = stays until explicitly cleared; false = auto-dismiss
+  ttl?: number; // auto-dismiss ms for transient errors (default 5000)
+  retryFn?: () => void; // optional retry callback, shown as "Retry" button
+  timestamp: number; // when the error was added
+}
+```
+
+#### Two-Lane Model
+
+- **Persistent lane** — entries with `persistent: true` (e.g., panel offline). Remain until explicitly removed via `ErrorStore.remove(id)`. Multiple persistent
+  errors can coexist (e.g., two panels both offline in the integration panel view). Never displaced by transient errors.
+- **Transient lane** — entries with `persistent: false` (e.g., failed service call). Auto-dismiss after `ttl` ms. Only one transient error is displayed at a
+  time — a new transient error replaces the previous one regardless of `id`. If the same `id` is re-added, the timer resets. This prevents banner noise from
+  rapid successive failures.
+
+#### API
+
+```typescript
+class ErrorStore {
+  add(entry: ErrorEntry): void;
+  remove(id: string): void;
+  clear(filter?: { persistent?: boolean }): void;
+  get active(): ErrorEntry[]; // persistent first, then transient
+  subscribe(cb: () => void): () => void; // returns unsubscribe fn
+  watchPanelStatus(hass: HomeAssistant, entityId: string): void;
+  updateHass(hass: HomeAssistant): void;
+}
+```
+
+#### Panel Status Watching
+
+- `watchPanelStatus(hass, entityId)` is called once after topology discovery with the `panel_status` binary sensor entity ID from the topology response.
+- On each `hass` property update, the card/panel calls `ErrorStore.updateHass(hass)`.
+- The store reads `hass.states[entityId].state`:
+  - `"off"` (panel offline) -> adds persistent `"panel-offline"` error at level `"error"`
+  - `"on"` -> removes the `"panel-offline"` error; briefly adds a transient `"info"` entry ("SPAN Panel reconnected")
+  - `"unavailable"` or `"unknown"` -> treated as offline
+
+### RetryManager (`src/core/retry-manager.ts`)
+
+Wraps async operations with automatic retry and backoff, dispatches to ErrorStore on exhaustion.
+
+#### Behavior
+
+- Wraps any `() => Promise<T>` call
+- On failure: retries up to 3 times with exponential backoff (1s, 2s, 4s)
+- On exhaustion: adds a transient error to the ErrorStore with failure message and optional retry callback
+- On success after prior failure: removes the error from the store
+- If the ErrorStore has an active `panel-offline` persistent error, skips automatic retries for service calls and immediately dispatches a transient error
+  ("Panel offline - action unavailable")
+
+#### API
+
+```typescript
+class RetryManager {
+  constructor(private store: ErrorStore) {}
+
+  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T>;
+
+  async callService(
+    hass: HomeAssistant,
+    domain: string,
+    service: string,
+    data?: Record<string, unknown>,
+    target?: Record<string, unknown>,
+    opts?: { errorId?: string; errorMessage?: string; retries?: number }
+  ): Promise<void>;
+}
+```
+
+The `errorId` controls deduplication (e.g., all graph horizon calls share `"service:graph_horizon"`). If omitted, auto-generated from service/WS type.
+
+#### Scope
+
+RetryManager is for user-initiated actions (service calls) and one-shot fetches (topology discovery, history loads). It does NOT wrap data fetches that have
+their own 30-second polling caches (graph settings, monitoring status, favorites) — those caches re-attempt on the next poll cycle.
+
+### `<span-error-banner>` Component (`src/core/error-banner.ts`)
+
+LitElement custom element that renders active errors from the ErrorStore.
+
+#### Rendering Rules
+
+- Subscribes to ErrorStore on `connectedCallback`, unsubscribes on `disconnectedCallback`
+- Renders all persistent errors first, then the current transient error
+- Each error: icon (left) + message text + optional "Retry" button (right)
+- Colors via HA CSS variables:
+  - `error` level: `var(--error-color)` background tint
+  - `warning` level: `var(--warning-color)` background tint
+  - `info` level: `var(--info-color)` background tint
+- Icons: `mdi:alert-circle` (error), `mdi:alert` (warning), `mdi:information` (info)
+- Persistent errors: no dismiss button
+- Transient errors: no dismiss button, auto-dismiss via TTL
+- When no errors active: renders nothing (no reserved space)
+
+#### Placement
+
+- `span-panel-card.ts`: inside `<ha-card>`, above the tab bar and content
+- `span-panel.ts`: below the header/panel selector, above tab content
+- Same component in both contexts
+
+#### Styling
+
+- Full width of card/panel
+- Compact: small vertical padding, standard card font size
+- Stacked persistent + transient errors separated by thin divider
+- Entrance/exit: opacity fade transition (~200ms)
+
+## Backend Change
+
+### WebSocket Topology Response (`websocket.py`)
+
+Add the `panel_status` binary sensor entity ID to the topology response's entity map. Currently `_PANEL_SENSOR_KEYS` only resolves `sensor.*` entities. Add a
+parallel lookup for the binary sensor.
+
+The topology response `panel_entities` map gains:
+
+```json
+{
+  "panel_status": "binary_sensor.span_panel_xxx_panel_status"
+}
+```
+
+Implementation: add a helper function (e.g., `_resolve_panel_status_entity`) in `websocket.py` that uses the existing `build_binary_sensor_unique_id` from
+`id_builder.py` to construct the unique_id, then resolves the entity_id via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)`. Call this
+helper alongside the existing `_build_panel_entity_map` call in `handle_panel_topology` and merge the result into the `panel_entities` dict.
+
+### Frontend Type Change (`types.ts`)
+
+Add `panel_status?: string` to the `PanelEntities` interface.
+
+## Integration Points
+
+### Side Panel (`side-panel.ts`)
+
+Remove `_showError()` method, `#error-msg` div element, and auto-dismiss timer. All ~15 call sites route through ErrorStore instead. The side panel receives the
+ErrorStore instance as a property.
+
+### Dashboard Controller (`dashboard-controller.ts`)
+
+- Switch toggle (line 367): replace `console.error` catch with RetryManager call
+- History refresh (line 314): replace silent catch with ErrorStore transient error ("Unable to load historical data")
+- Graph settings fetch (line 157): dispatch transient error on failure instead of silent fallback
+
+### Card (`span-panel-card.ts`)
+
+- Add `<span-error-banner>` to render output above tab bar
+- Create ErrorStore instance, pass to child components
+- Replace discovery error static div with ErrorStore persistent error + retry callback
+- Call `ErrorStore.watchPanelStatus()` after topology discovery
+- Call `ErrorStore.updateHass()` on each `hass` property update
+
+### Panel (`span-panel.ts`)
+
+- Add `<span-error-banner>` below header, above tab content
+- Create ErrorStore instance, pass to child components
+- Surface device discovery and favorites fetch errors
+- Call `ErrorStore.watchPanelStatus()` after discovery
+- Call `ErrorStore.updateHass()` on each `hass` property update
+
+### Tab Monitoring (`tab-monitoring.ts`)
+
+Replace silent `.catch(() => {})` patterns (lines 669, 679) with ErrorStore transient errors.
+
+### Cache Stores
+
+These already have 30s polling. On fetch failure, dispatch a transient error to ErrorStore in addition to returning cached/default data:
+
+- `monitoring-status.ts` — "Unable to load monitoring status"
+- `favorites-store.ts` — "Unable to load favorites"
+- `graph-settings.ts` — "Unable to load graph settings"
+
+### Area Resolver (`area-resolver.ts`)
+
+Replace silent subscription failure (line 94) with a transient warning via ErrorStore.
+
+### Card Discovery (`card-discovery.ts`)
+
+Wire retry callback into ErrorStore persistent error entry so the user can re-trigger discovery without reloading the dashboard.
+
+### Constants (`constants.ts`)
+
+Remove `ERROR_DISPLAY_MS` (5000ms). The ErrorStore defines its own `DEFAULT_ERROR_TTL = 5000` constant internally.
+
+## i18n Keys
+
+All new strings added to `i18n.ts` for all 5 locales (en, es, fr, ja, pt):
+
+### Persistent Errors
+
+| Key                         | English                         |
+| --------------------------- | ------------------------------- |
+| `error.panel_offline`       | SPAN Panel unreachable          |
+| `error.panel_offline_named` | SPAN Panel '{name}' unreachable |
+| `error.discovery_failed`    | Unable to connect to SPAN Panel |
+
+### Transient Errors
+
+| Key                             | English                             |
+| ------------------------------- | ----------------------------------- |
+| `error.service_failed`          | Action failed: {detail}             |
+| `error.relay_failed`            | Unable to toggle relay              |
+| `error.shedding_failed`         | Unable to update shedding priority  |
+| `error.threshold_failed`        | Unable to save threshold            |
+| `error.graph_horizon_failed`    | Unable to update graph time horizon |
+| `error.favorites_fetch_failed`  | Unable to load favorites            |
+| `error.favorites_toggle_failed` | Unable to update favorite           |
+| `error.history_failed`          | Unable to load historical data      |
+| `error.monitoring_failed`       | Unable to load monitoring status    |
+| `error.graph_settings_failed`   | Unable to load graph settings       |
+
+### Info
+
+| Key                       | English                |
+| ------------------------- | ---------------------- |
+| `error.panel_reconnected` | SPAN Panel reconnected |
+
+### UI
+
+| Key               | English                     |
+| ----------------- | --------------------------- |
+| `error.retry`     | Retry                       |
+| `card.connecting` | Connecting to SPAN Panel... |
+
+## File Impact Summary
+
+### New Files (3)
+
+| File                        | Purpose                          |
+| --------------------------- | -------------------------------- |
+| `src/core/error-store.ts`   | ErrorStore singleton             |
+| `src/core/retry-manager.ts` | RetryManager utility             |
+| `src/core/error-banner.ts`  | `<span-error-banner>` LitElement |
+
+### Backend Change (1)
+
+| File                                        | Change                                                |
+| ------------------------------------------- | ----------------------------------------------------- |
+| `custom_components/span_panel/websocket.py` | Add `panel_status` binary sensor to topology response |
+
+### Modified Frontend Files (12)
+
+| File                               | Change                                              |
+| ---------------------------------- | --------------------------------------------------- |
+| `src/core/side-panel.ts`           | Remove `_showError()`, route errors to ErrorStore   |
+| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager |
+| `src/card/span-panel-card.ts`      | Add banner, ErrorStore, panel status watching       |
+| `src/panel/span-panel.ts`          | Add banner, ErrorStore, panel status watching       |
+| `src/panel/tab-monitoring.ts`      | Replace silent catches                              |
+| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                     |
+| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                     |
+| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                     |
+| `src/core/area-resolver.ts`        | Dispatch warning on failure                         |
+| `src/card/card-discovery.ts`       | Wire retry into ErrorStore                          |
+| `src/i18n.ts`                      | Add error keys for 5 locales                        |
+| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                           |
+| `src/types.ts`                     | Add `panel_status` to `PanelEntities`               |
diff --git a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
new file mode 100644
index 0000000..8e290a0
--- /dev/null
+++ b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
@@ -0,0 +1,186 @@
+# Favorites list view: compact expanded row
+
+Date: 2026-04-15 Repo: `span-card` (consumed by `span` HA integration)
+
+## Problem
+
+In the By-Area and By-Activity views, expanding a list row currently renders a full breaker "slot" above the chart: breaker badge, name, power/current value,
+toggle pill, shedding icon, utilization %, gear. Every value in that expanded header is already shown in the collapsed list row beside it. The duplication
+wastes vertical space that would be better used by the chart.
+
+The expanded view does contribute two things the collapsed row does not: a tappable on/off toggle, and a gear that opens the side panel for that circuit.
+
+## Goal
+
+Make the expanded list row show only the chart. Move the two unique controls into the collapsed row so they are always reachable without losing affordance.
+
+## Scope
+
+Applies to every invocation of `ListViewController` — both the Favorites full-page panel and the span-panel card dashboard's By-Area / By-Activity views.
+Breaker grid view is not affected.
+
+## Design
+
+### 1. List row (collapsed)
+
+New layout, left to right:
+
+```text
+[breaker badge] [name] [shedding] [util%] [ON/OFF badge*] [power] [gear] [chevron]
+```
+
+Changes versus today:
+
+- **Gear button** added between power and chevron. Uses the same `.gear-icon.circuit-gear` class and `data-uuid` attribute the breaker grid uses. Gear color
+  follows the existing "has custom overrides" rule (`MONITORING_COLORS.custom` vs `#555`). Clicks route to `DashboardController.onGearClick` via the existing
+  `.gear-icon` delegated handler — no new wiring.
+- **ON/OFF badge becomes tappable** only when `circuit.is_user_controllable !== false && circuit.entities?.switch`. When tappable the badge gains a
+  `list-status-toggle` class (adds `cursor: pointer`, hover state). When not tappable, the badge renders exactly as it does today — static.
+- Tappable badge clicks route to `DashboardController.onToggleClick`. Event delegation in `list-view-controller.ts` extends its toggle selector to
+  `.toggle-pill, .list-status-toggle`.
+
+The existing `list-status-on` / `list-status-off` classes continue to control badge color.
+
+OFF circuits continue to render an empty power cell.
+
+### 2. Expanded content (chart-only)
+
+New helper in `core/list-renderer.ts`:
+
+```ts
+export function buildExpandedChartHTML(
+  uuid: string,
+  circuit: Circuit,
+  hass: HomeAssistant,
+  config: CardConfig,
+  monitoringInfo: MonitoringPointInfo | null
+): string;
+```
+
+Produces:
+
+```html
+<div class="list-expanded-content" data-expanded-uuid="{uuid}">
+  <div class="circuit-slot circuit-chart-only {state-classes}" data-uuid="{uuid}">
+    <div class="chart-container"></div>
+  </div>
+</div>
+```
+
+Where `{state-classes}` is a space-joined string of any of `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring` — produced by a new
+shared helper (see §3).
+
+`buildExpandedCircuitHTML` is deleted. All three call sites in `list-view-controller.ts` switch to `buildExpandedChartHTML`.
+
+Preserving the `.circuit-slot[data-uuid]` wrapper is intentional: `DashboardController.updateDOM` walks that selector to attach charts to their
+`.chart-container`. Zero changes required in the chart-attachment pipeline.
+
+The `circuit-chart-only` class is a CSS-only marker (tight padding, full-bleed chart). It does not gate any logic.
+
+### 3. Shared state-class helper
+
+Extract into `core/list-renderer.ts` (or a new `core/circuit-state.ts` — picked during implementation based on import cleanliness):
+
+```ts
+export function getCircuitStateClasses(circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string;
+```
+
+Returns a class string containing any of: `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring`.
+
+`grid-renderer.ts` `renderCircuitSlot` adopts this same helper so grid and list stay in sync. This is the only factoring change in `renderCircuitSlot`.
+
+### 4. Event handling in `ListViewController`
+
+`_bindEvents` changes:
+
+- Toggle selector widens: `target.closest(".toggle-pill, .list-status-toggle")`.
+- Gear selector unchanged (`.gear-icon`). The list-row gear uses the same class, so it is already covered.
+
+`updateCollapsedRows` additions:
+
+- When a circuit flips, it already updates badge text and `list-status-on`/`list-status-off`. Also ensure `list-status-toggle` is added/removed if
+  controllability changes (rare, but cheap).
+- Sort logic and expanded-row pairing in `partitionRowGroups` / `reorderListRows` unchanged.
+
+`_toggleExpand`, `_applyFilter`, favorites state persistence (`FAVORITES_VIEW_STATE_CHANGED_EVENT`, `_expandedUuids`, `_searchQuery`) all unchanged.
+
+### 5. CSS (`card/card-styles.ts`)
+
+Add:
+
+```css
+.list-row .gear-icon {
+  background: transparent;
+  border: none;
+  padding: 2px;
+  cursor: pointer;
+  color: #555;
+  display: inline-flex;
+  align-items: center;
+}
+.list-row .gear-icon:hover {
+  color: var(--primary-text-color);
+}
+
+.list-status-badge.list-status-toggle {
+  cursor: pointer;
+  user-select: none;
+}
+.list-status-badge.list-status-toggle:hover {
+  filter: brightness(1.15);
+}
+
+.list-expanded-content {
+  padding: 0;
+}
+
+.circuit-slot.circuit-chart-only {
+  border: none;
+  padding: 8px 12px;
+  margin: 0;
+}
+```
+
+Chart height within `.circuit-chart-only .chart-container` must match today's expanded chart height. Exact value is pinned during implementation by reading the
+current rule; noted as a verification point.
+
+Remove the now-redundant `.list-expanded-content .circuit-slot { border: none; margin: 0; }` override.
+
+Existing `.circuit-alert` / `.circuit-custom-monitoring` rules continue to style `.circuit-slot` and therefore also apply to `.circuit-slot.circuit-chart-only`
+— alert/custom border signaling is preserved on the expanded chart.
+
+## Files touched
+
+- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML` (gear, tappable badge), extract `getCircuitStateClasses`, delete
+  `buildExpandedCircuitHTML`.
+- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses` in `renderCircuitSlot`.
+- `src/core/list-view-controller.ts` — swap renderer at three sites; widen toggle selector; badge-class upkeep in `updateCollapsedRows`.
+- `src/card/card-styles.ts` — gear rules, tappable badge rules, chart-only slot rules; remove redundant override.
+
+Not touched: `panel/span-panel.ts`, `card/span-panel-card.ts`, `core/dashboard-controller.ts`, `core/header-renderer.ts`, `core/favorites-*`,
+`core/area-resolver.ts`, `core/history-loader.ts`, `core/graph-settings.ts`, chart module, side panel.
+
+## Verification points for implementation
+
+1. Confirm `DashboardController.onToggleClick` resolves `data-uuid` from an ancestor that reaches `.list-row`. If today the lookup walks only to
+   `.circuit-slot`, widen to `.circuit-slot, .list-row`.
+2. Enumerate tests that assert presence of `.circuit-header` / `.circuit-status` inside expanded content; update them to the new chart-only structure.
+3. Measure current `.chart-container` height in an expanded list row and match it in the new rule so the change does not shrink the chart.
+
+## Manual test plan
+
+- Expand rows in By-Activity and By-Area, in both Favorites and the regular dashboard card.
+- Confirm header/status no longer duplicate list-row info.
+- Tap the ON/OFF badge on a controllable circuit: state flips, row re-sorts, badge color updates.
+- Tap the ON/OFF badge on a non-controllable (PV) circuit: nothing happens, no hover cursor.
+- Tap the list-row gear: side panel opens for that circuit.
+- Trigger a monitoring alert: expanded chart area shows the alert border.
+- Reload the Favorites page: expansion state restores; chart remounts; no layout jumps.
+- Breaker grid view: unchanged.
+
+## Out of scope
+
+- Adding alert/error visuals to the collapsed list row.
+- Restyling the side panel or breaker-grid view.
+- Any change to the tab bar, monitoring tabs, or settings.
+- Changes to `span` HA integration backend code.

From 63c18525c463823d85ab972ab54b4116a8ae2597 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:37:43 -0700
Subject: [PATCH 70/97] docs: remove docs from repo per AGENTS.md (belong in
 SpanPanel_Docs workspace)

---
 .../plans/2026-04-15-error-management.md      | 1911 -----------------
 .../2026-04-15-favorites-expanded-compact.md  |  865 --------
 .../2026-04-15-error-management-design.md     |  300 ---
 ...04-15-favorites-expanded-compact-design.md |  186 --
 4 files changed, 3262 deletions(-)
 delete mode 100644 docs/superpowers/plans/2026-04-15-error-management.md
 delete mode 100644 docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
 delete mode 100644 docs/superpowers/specs/2026-04-15-error-management-design.md
 delete mode 100644 docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md

diff --git a/docs/superpowers/plans/2026-04-15-error-management.md b/docs/superpowers/plans/2026-04-15-error-management.md
deleted file mode 100644
index a93fbea..0000000
--- a/docs/superpowers/plans/2026-04-15-error-management.md
+++ /dev/null
@@ -1,1911 +0,0 @@
-# Error Management Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
-> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** Add user-facing error banners, retry logic, and panel offline detection to the span-card frontend so users see actionable status when the SPAN panel
-is unreachable or service calls fail.
-
-**Architecture:** A centralized ErrorStore singleton manages two lanes of errors (persistent and transient). A `<span-error-banner>` LitElement renders them at
-the top of both the card and panel views. A RetryManager wraps service calls with exponential backoff. The backend adds the panel_status binary sensor entity ID
-to the WebSocket topology response.
-
-**Tech Stack:** TypeScript, Lit 3, Vitest, Home Assistant WebSocket API, Python (HA integration backend)
-
-**Spec:** `docs/superpowers/specs/2026-04-15-error-management-design.md`
-
----
-
-## File Structure
-
-### New Files
-
-| File                          | Responsibility                                                                   |
-| ----------------------------- | -------------------------------------------------------------------------------- |
-| `src/core/error-store.ts`     | ErrorStore singleton: two-lane error state, subscriptions, panel status watching |
-| `src/core/retry-manager.ts`   | RetryManager: exponential backoff wrapper for callWS/callService                 |
-| `src/core/error-banner.ts`    | `<span-error-banner>` LitElement component                                       |
-| `tests/error-store.test.ts`   | ErrorStore unit tests                                                            |
-| `tests/retry-manager.test.ts` | RetryManager unit tests                                                          |
-
-### Backend Change
-
-| File                                                                              | Change                                                                         |
-| --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| `custom_components/span_panel/websocket.py` (in `/Users/bflood/projects/HA/span`) | Add helper to resolve panel_status binary sensor, include in topology response |
-| `tests/test_websocket.py` (in `/Users/bflood/projects/HA/span`)                   | Test the new panel_status field                                                |
-
-### Modified Frontend Files
-
-| File                               | Change                                                                       |
-| ---------------------------------- | ---------------------------------------------------------------------------- |
-| `src/types.ts`                     | Add `panel_status?: string` to `PanelEntities`                               |
-| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                                                    |
-| `src/i18n.ts`                      | Add error keys for all 5 locales                                             |
-| `src/card/span-panel-card.ts`      | Add banner, create ErrorStore, wire panel status watching                    |
-| `src/panel/span-panel.ts`          | Add banner, create ErrorStore, wire panel status watching                    |
-| `src/core/side-panel.ts`           | Remove `_showError()`, remove error-msg div, route errors through ErrorStore |
-| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager                          |
-| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                                              |
-| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                                              |
-| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                                              |
-| `src/core/area-resolver.ts`        | Dispatch warning on subscription failure                                     |
-| `src/panel/tab-monitoring.ts`      | Replace silent catches with ErrorStore                                       |
-| `src/card/card-discovery.ts`       | Wire retry into ErrorStore for discovery failures                            |
-
----
-
-## Task 1: ErrorStore — Tests and Implementation
-
-**Files:**
-
-- Create: `src/core/error-store.ts`
-- Create: `tests/error-store.test.ts`
-
-- [ ] **Step 1: Write ErrorStore tests**
-
-Create `tests/error-store.test.ts`:
-
-```typescript
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ErrorStore } from "../src/core/error-store.js";
-import type { ErrorEntry } from "../src/core/error-store.js";
-
-describe("ErrorStore", () => {
-  let store: ErrorStore;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    store = new ErrorStore();
-  });
-
-  afterEach(() => {
-    store.dispose();
-    vi.useRealTimers();
-  });
-
-  describe("add / remove / active", () => {
-    it("starts with no active errors", () => {
-      expect(store.active).toEqual([]);
-    });
-
-    it("adds a persistent error", () => {
-      store.add({
-        key: "panel-offline",
-        level: "error",
-        message: "SPAN Panel unreachable",
-        persistent: true,
-      });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-
-    it("adds a transient error with default TTL", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-      });
-      expect(store.active).toHaveLength(1);
-    });
-
-    it("auto-dismisses transient error after TTL", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-        ttl: 3000,
-      });
-      expect(store.active).toHaveLength(1);
-      vi.advanceTimersByTime(3000);
-      expect(store.active).toEqual([]);
-    });
-
-    it("uses default TTL of 5000ms when ttl omitted", () => {
-      store.add({
-        key: "service:relay",
-        level: "error",
-        message: "Relay toggle failed",
-        persistent: false,
-      });
-      vi.advanceTimersByTime(4999);
-      expect(store.active).toHaveLength(1);
-      vi.advanceTimersByTime(1);
-      expect(store.active).toEqual([]);
-    });
-
-    it("persistent errors are never auto-dismissed", () => {
-      store.add({
-        key: "panel-offline",
-        level: "error",
-        message: "SPAN Panel unreachable",
-        persistent: true,
-      });
-      vi.advanceTimersByTime(60_000);
-      expect(store.active).toHaveLength(1);
-    });
-
-    it("removes a specific error by key", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.remove("panel-offline");
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("service:relay");
-    });
-
-    it("remove is a no-op for unknown key", () => {
-      store.remove("nonexistent");
-      expect(store.active).toEqual([]);
-    });
-  });
-
-  describe("two-lane model", () => {
-    it("persistent errors appear before transient errors", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      expect(store.active[0]!.key).toBe("panel-offline");
-      expect(store.active[1]!.key).toBe("service:relay");
-    });
-
-    it("new transient error replaces previous transient error", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
-      const transient = store.active.filter(e => !e.persistent);
-      expect(transient).toHaveLength(1);
-      expect(transient[0]!.key).toBe("service:shedding");
-    });
-
-    it("replacing transient does not affect persistent errors", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.add({ key: "service:shedding", level: "error", message: "shedding", persistent: false });
-      expect(store.active).toHaveLength(2);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-
-    it("multiple persistent errors can coexist", () => {
-      store.add({ key: "panel-offline:panel1", level: "error", message: "Panel 1", persistent: true });
-      store.add({ key: "panel-offline:panel2", level: "error", message: "Panel 2", persistent: true });
-      expect(store.active.filter(e => e.persistent)).toHaveLength(2);
-    });
-
-    it("re-adding same transient key resets the TTL timer", () => {
-      store.add({ key: "service:relay", level: "error", message: "first", persistent: false, ttl: 5000 });
-      vi.advanceTimersByTime(4000);
-      store.add({ key: "service:relay", level: "error", message: "second", persistent: false, ttl: 5000 });
-      vi.advanceTimersByTime(4000);
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.message).toBe("second");
-      vi.advanceTimersByTime(1000);
-      expect(store.active).toEqual([]);
-    });
-  });
-
-  describe("clear", () => {
-    it("clears all errors when no filter", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear();
-      expect(store.active).toEqual([]);
-    });
-
-    it("clears only persistent errors when filtered", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear({ persistent: true });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("service:relay");
-    });
-
-    it("clears only transient errors when filtered", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      store.clear({ persistent: false });
-      expect(store.active).toHaveLength(1);
-      expect(store.active[0]!.key).toBe("panel-offline");
-    });
-  });
-
-  describe("subscribe", () => {
-    it("notifies subscribers on add", () => {
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.add({ key: "test", level: "error", message: "msg", persistent: false });
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("notifies subscribers on remove", () => {
-      store.add({ key: "test", level: "error", message: "msg", persistent: true });
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.remove("test");
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("notifies on auto-dismiss", () => {
-      const cb = vi.fn();
-      store.subscribe(cb);
-      store.add({ key: "test", level: "error", message: "msg", persistent: false, ttl: 1000 });
-      cb.mockClear();
-      vi.advanceTimersByTime(1000);
-      expect(cb).toHaveBeenCalledTimes(1);
-    });
-
-    it("unsubscribe stops notifications", () => {
-      const cb = vi.fn();
-      const unsub = store.subscribe(cb);
-      unsub();
-      store.add({ key: "test", level: "error", message: "msg", persistent: false });
-      expect(cb).not.toHaveBeenCalled();
-    });
-  });
-
-  describe("hasPersistent", () => {
-    it("returns false when no persistent errors", () => {
-      store.add({ key: "service:relay", level: "error", message: "relay", persistent: false });
-      expect(store.hasPersistent("panel-offline")).toBe(false);
-    });
-
-    it("returns true when key exists as persistent", () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-  });
-
-  describe("panel status watching", () => {
-    it("adds persistent error when entity state is off", () => {
-      const hass = { states: { "binary_sensor.panel_status": { state: "off" } } } as any;
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass(hass);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("removes persistent error when entity state returns to on", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(false);
-    });
-
-    it("treats unavailable entity state as offline", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unavailable" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("treats unknown entity state as offline", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "unknown" } } } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-
-    it("adds info message on reconnection", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "off" } } } as any);
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      const info = store.active.find(e => e.level === "info");
-      expect(info).toBeDefined();
-      expect(info!.persistent).toBe(false);
-    });
-
-    it("does not add reconnection info on first online state", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: { "binary_sensor.panel_status": { state: "on" } } } as any);
-      expect(store.active).toEqual([]);
-    });
-
-    it("handles missing entity gracefully", () => {
-      store.watchPanelStatus("binary_sensor.panel_status");
-      store.updateHass({ states: {} } as any);
-      expect(store.hasPersistent("panel-offline")).toBe(true);
-    });
-  });
-});
-```
-
-- [ ] **Step 2: Run tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
-
-Expected: FAIL — module `../src/core/error-store.js` not found.
-
-- [ ] **Step 3: Implement ErrorStore**
-
-Create `src/core/error-store.ts`:
-
-```typescript
-import { t } from "../i18n.js";
-import type { HomeAssistant } from "../types.js";
-
-const DEFAULT_ERROR_TTL = 5_000;
-
-export interface ErrorEntry {
-  key: string;
-  level: "info" | "warning" | "error";
-  message: string;
-  persistent: boolean;
-  ttl?: number;
-  retryFn?: () => void;
-  timestamp: number;
-}
-
-type AddInput = Omit<ErrorEntry, "timestamp">;
-
-export class ErrorStore {
-  private _persistent = new Map<string, ErrorEntry>();
-  private _transient: ErrorEntry | null = null;
-  private _transientTimer: ReturnType<typeof setTimeout> | null = null;
-  private _subscribers = new Set<() => void>();
-  private _panelStatusEntityId: string | null = null;
-  private _wasOffline = false;
-
-  add(input: AddInput): void {
-    const entry: ErrorEntry = { ...input, timestamp: Date.now() };
-
-    if (entry.persistent) {
-      this._persistent.set(entry.key, entry);
-    } else {
-      // New transient replaces previous transient
-      if (this._transientTimer !== null) {
-        clearTimeout(this._transientTimer);
-        this._transientTimer = null;
-      }
-      this._transient = entry;
-      const ttl = entry.ttl ?? DEFAULT_ERROR_TTL;
-      this._transientTimer = setTimeout(() => {
-        this._transient = null;
-        this._transientTimer = null;
-        this._notify();
-      }, ttl);
-    }
-    this._notify();
-  }
-
-  remove(key: string): void {
-    const hadPersistent = this._persistent.delete(key);
-    const hadTransient = this._transient?.key === key;
-    if (hadTransient) {
-      if (this._transientTimer !== null) {
-        clearTimeout(this._transientTimer);
-        this._transientTimer = null;
-      }
-      this._transient = null;
-    }
-    if (hadPersistent || hadTransient) {
-      this._notify();
-    }
-  }
-
-  clear(filter?: { persistent?: boolean }): void {
-    if (filter === undefined) {
-      this._persistent.clear();
-      this._clearTransient();
-    } else if (filter.persistent === true) {
-      this._persistent.clear();
-    } else if (filter.persistent === false) {
-      this._clearTransient();
-    }
-    this._notify();
-  }
-
-  get active(): ErrorEntry[] {
-    const result: ErrorEntry[] = [...this._persistent.values()];
-    if (this._transient) {
-      result.push(this._transient);
-    }
-    return result;
-  }
-
-  hasPersistent(key: string): boolean {
-    return this._persistent.has(key);
-  }
-
-  subscribe(cb: () => void): () => void {
-    this._subscribers.add(cb);
-    return () => {
-      this._subscribers.delete(cb);
-    };
-  }
-
-  watchPanelStatus(entityId: string): void {
-    this._panelStatusEntityId = entityId;
-  }
-
-  updateHass(hass: HomeAssistant): void {
-    if (!this._panelStatusEntityId) return;
-
-    const entity = hass.states[this._panelStatusEntityId];
-    const isOffline = !entity || entity.state === "off" || entity.state === "unavailable" || entity.state === "unknown";
-
-    if (isOffline && !this.hasPersistent("panel-offline")) {
-      this.add({
-        key: "panel-offline",
-        level: "error",
-        message: t("error.panel_offline"),
-        persistent: true,
-      });
-      this._wasOffline = true;
-    } else if (!isOffline && this.hasPersistent("panel-offline")) {
-      this.remove("panel-offline");
-      if (this._wasOffline) {
-        this.add({
-          key: "panel-reconnected",
-          level: "info",
-          message: t("error.panel_reconnected"),
-          persistent: false,
-        });
-      }
-      this._wasOffline = false;
-    } else if (isOffline) {
-      this._wasOffline = true;
-    }
-  }
-
-  dispose(): void {
-    if (this._transientTimer !== null) {
-      clearTimeout(this._transientTimer);
-      this._transientTimer = null;
-    }
-    this._subscribers.clear();
-    this._persistent.clear();
-    this._transient = null;
-  }
-
-  private _clearTransient(): void {
-    if (this._transientTimer !== null) {
-      clearTimeout(this._transientTimer);
-      this._transientTimer = null;
-    }
-    this._transient = null;
-  }
-
-  private _notify(): void {
-    for (const cb of this._subscribers) {
-      cb();
-    }
-  }
-}
-```
-
-- [ ] **Step 4: Run tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/error-store.test.ts`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/error-store.ts tests/error-store.test.ts
-git commit -m "feat: add ErrorStore with two-lane persistent/transient error management"
-```
-
----
-
-## Task 2: RetryManager — Tests and Implementation
-
-**Files:**
-
-- Create: `src/core/retry-manager.ts`
-- Create: `tests/retry-manager.test.ts`
-
-- [ ] **Step 1: Write RetryManager tests**
-
-Create `tests/retry-manager.test.ts`:
-
-```typescript
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { ErrorStore } from "../src/core/error-store.js";
-import { RetryManager } from "../src/core/retry-manager.js";
-
-function makeHass(overrides: Record<string, unknown> = {}) {
-  return {
-    states: {},
-    callWS: vi.fn(),
-    callService: vi.fn(),
-    ...overrides,
-  } as any;
-}
-
-describe("RetryManager", () => {
-  let store: ErrorStore;
-  let retry: RetryManager;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    store = new ErrorStore();
-    retry = new RetryManager(store);
-  });
-
-  afterEach(() => {
-    store.dispose();
-    vi.useRealTimers();
-  });
-
-  describe("callWS", () => {
-    it("returns result on first success", async () => {
-      const hass = makeHass({ callWS: vi.fn().mockResolvedValue({ data: 42 }) });
-      const result = await retry.callWS(hass, { type: "test" });
-      expect(result).toEqual({ data: 42 });
-      expect(hass.callWS).toHaveBeenCalledTimes(1);
-    });
-
-    it("retries on failure and succeeds on second attempt", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValueOnce(new Error("timeout")).mockResolvedValue({ ok: true }),
-      });
-      const promise = retry.callWS(hass, { type: "test" });
-      await vi.advanceTimersByTimeAsync(1000);
-      const result = await promise;
-      expect(result).toEqual({ ok: true });
-      expect(hass.callWS).toHaveBeenCalledTimes(2);
-    });
-
-    it("adds error to store after all retries exhausted", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValue(new Error("fail")),
-      });
-      await expect(async () => {
-        const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test", errorMessage: "Test failed" });
-        await vi.advanceTimersByTimeAsync(1000);
-        await vi.advanceTimersByTimeAsync(2000);
-        await vi.advanceTimersByTimeAsync(4000);
-        return promise;
-      }).rejects.toThrow("fail");
-      expect(hass.callWS).toHaveBeenCalledTimes(4); // 1 initial + 3 retries
-      expect(store.active.some(e => e.key === "ws:test")).toBe(true);
-    });
-
-    it("removes error from store on success after prior failure", async () => {
-      const hass = makeHass({
-        callWS: vi.fn().mockRejectedValueOnce(new Error("fail")).mockResolvedValue("ok"),
-      });
-      // First call with prior error in store
-      store.add({ key: "ws:test", level: "error", message: "old", persistent: false, ttl: 60_000 });
-      const promise = retry.callWS(hass, { type: "test" }, { errorId: "ws:test" });
-      await vi.advanceTimersByTimeAsync(1000);
-      await promise;
-      expect(store.active.some(e => e.key === "ws:test")).toBe(false);
-    });
-
-    it("respects custom retry count", async () => {
-      const hass = makeHass({ callWS: vi.fn().mockRejectedValue(new Error("fail")) });
-      const promise = retry.callWS(hass, { type: "test" }, { retries: 1 }).catch(() => {});
-      await vi.advanceTimersByTimeAsync(1000);
-      await promise;
-      expect(hass.callWS).toHaveBeenCalledTimes(2); // 1 initial + 1 retry
-    });
-  });
-
-  describe("callService", () => {
-    it("returns on first success", async () => {
-      const hass = makeHass({ callService: vi.fn().mockResolvedValue(undefined) });
-      await retry.callService(hass, "switch", "turn_on", {}, { entity_id: "switch.test" });
-      expect(hass.callService).toHaveBeenCalledTimes(1);
-    });
-
-    it("adds error to store after exhaustion", async () => {
-      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("offline")) });
-      const promise = retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay", errorMessage: "Relay failed" }).catch(() => {});
-      await vi.advanceTimersByTimeAsync(1000);
-      await vi.advanceTimersByTimeAsync(2000);
-      await vi.advanceTimersByTimeAsync(4000);
-      await promise;
-      expect(store.active.some(e => e.key === "svc:relay")).toBe(true);
-    });
-  });
-
-  describe("panel offline short-circuit", () => {
-    it("skips retries when panel-offline is active", async () => {
-      store.add({ key: "panel-offline", level: "error", message: "offline", persistent: true });
-      const hass = makeHass({ callService: vi.fn().mockRejectedValue(new Error("fail")) });
-      await retry.callService(hass, "switch", "turn_on", {}, {}, { errorId: "svc:relay" }).catch(() => {});
-      // Should not retry — immediate failure
-      expect(hass.callService).toHaveBeenCalledTimes(1);
-    });
-  });
-});
-```
-
-- [ ] **Step 2: Run tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
-
-Expected: FAIL — module `../src/core/retry-manager.js` not found.
-
-- [ ] **Step 3: Implement RetryManager**
-
-Create `src/core/retry-manager.ts`:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import type { HomeAssistant } from "../types.js";
-
-const DEFAULT_RETRIES = 3;
-const BACKOFF_BASE_MS = 1000;
-
-function sleep(ms: number): Promise<void> {
-  return new Promise(resolve => setTimeout(resolve, ms));
-}
-
-export class RetryManager {
-  private _store: ErrorStore;
-
-  constructor(store: ErrorStore) {
-    this._store = store;
-  }
-
-  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T> {
-    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
-    const errorId = opts?.errorId ?? `ws:${String(msg.type ?? "unknown")}`;
-
-    return this._withRetry(() => hass.callWS<T>(msg), maxRetries, errorId, opts?.errorMessage);
-  }
-
-  async callService(
-    hass: HomeAssistant,
-    domain: string,
-    service: string,
-    data?: Record<string, unknown>,
-    target?: Record<string, unknown>,
-    opts?: { errorId?: string; errorMessage?: string; retries?: number }
-  ): Promise<void> {
-    const maxRetries = opts?.retries ?? DEFAULT_RETRIES;
-    const errorId = opts?.errorId ?? `svc:${domain}.${service}`;
-
-    return this._withRetry(() => hass.callService(domain, service, data, target), maxRetries, errorId, opts?.errorMessage);
-  }
-
-  private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
-    // Short-circuit if panel is offline
-    if (this._store.hasPersistent("panel-offline")) {
-      this._store.add({
-        key: errorId,
-        level: "error",
-        message: errorMessage ?? "Panel offline — action unavailable",
-        persistent: false,
-      });
-      return fn(); // Single attempt, no retries
-    }
-
-    let lastError: Error | undefined;
-    for (let attempt = 0; attempt <= maxRetries; attempt++) {
-      try {
-        const result = await fn();
-        // Success after prior failure — clear the error
-        this._store.remove(errorId);
-        return result;
-      } catch (err) {
-        lastError = err instanceof Error ? err : new Error(String(err));
-        if (attempt < maxRetries) {
-          const delay = BACKOFF_BASE_MS * Math.pow(2, attempt);
-          await sleep(delay);
-        }
-      }
-    }
-
-    // All retries exhausted — add error to store
-    this._store.add({
-      key: errorId,
-      level: "error",
-      message: errorMessage ?? lastError?.message ?? "Operation failed",
-      persistent: false,
-    });
-    throw lastError!;
-  }
-}
-```
-
-- [ ] **Step 4: Run tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/retry-manager.test.ts`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/retry-manager.ts tests/retry-manager.test.ts
-git commit -m "feat: add RetryManager with exponential backoff and panel-offline short-circuit"
-```
-
----
-
-## Task 3: i18n Keys and Type Updates
-
-**Files:**
-
-- Modify: `src/i18n.ts`
-- Modify: `src/types.ts` (lines 58-65, `PanelEntities` interface)
-- Modify: `src/constants.ts` (line 56, `ERROR_DISPLAY_MS`)
-
-- [ ] **Step 1: Add error i18n keys to all 5 locales in `src/i18n.ts`**
-
-Add the following keys to the `en` section (after the existing `"card.*"` keys block). Then add translated equivalents to the `es`, `fr`, `ja`, and `pt`
-sections in the same position.
-
-English keys to add:
-
-```typescript
-// Error banners
-"error.panel_offline": "SPAN Panel unreachable",
-"error.panel_offline_named": "SPAN Panel '{name}' unreachable",
-"error.discovery_failed": "Unable to connect to SPAN Panel",
-"error.service_failed": "Action failed",
-"error.relay_failed": "Unable to toggle relay",
-"error.shedding_failed": "Unable to update shedding priority",
-"error.threshold_failed": "Unable to save threshold",
-"error.graph_horizon_failed": "Unable to update graph time horizon",
-"error.favorites_fetch_failed": "Unable to load favorites",
-"error.favorites_toggle_failed": "Unable to update favorite",
-"error.history_failed": "Unable to load historical data",
-"error.monitoring_failed": "Unable to load monitoring status",
-"error.graph_settings_failed": "Unable to load graph settings",
-"error.panel_reconnected": "SPAN Panel reconnected",
-"error.retry": "Retry",
-"card.connecting": "Connecting to SPAN Panel...",
-```
-
-Spanish (`es`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inaccesible",
-"error.panel_offline_named": "SPAN Panel '{name}' inaccesible",
-"error.discovery_failed": "No se puede conectar al SPAN Panel",
-"error.service_failed": "Acción fallida",
-"error.relay_failed": "No se pudo cambiar el relé",
-"error.shedding_failed": "No se pudo actualizar la prioridad de desconexión",
-"error.threshold_failed": "No se pudo guardar el umbral",
-"error.graph_horizon_failed": "No se pudo actualizar el horizonte temporal del gráfico",
-"error.favorites_fetch_failed": "No se pudieron cargar los favoritos",
-"error.favorites_toggle_failed": "No se pudo actualizar el favorito",
-"error.history_failed": "No se pudieron cargar los datos históricos",
-"error.monitoring_failed": "No se pudo cargar el estado de monitoreo",
-"error.graph_settings_failed": "No se pudo cargar la configuración del gráfico",
-"error.panel_reconnected": "SPAN Panel reconectado",
-"error.retry": "Reintentar",
-"card.connecting": "Conectando al SPAN Panel...",
-```
-
-French (`fr`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inaccessible",
-"error.panel_offline_named": "SPAN Panel '{name}' inaccessible",
-"error.discovery_failed": "Impossible de se connecter au SPAN Panel",
-"error.service_failed": "Action échouée",
-"error.relay_failed": "Impossible de basculer le relais",
-"error.shedding_failed": "Impossible de mettre à jour la priorité de délestage",
-"error.threshold_failed": "Impossible d'enregistrer le seuil",
-"error.graph_horizon_failed": "Impossible de mettre à jour l'horizon temporel du graphique",
-"error.favorites_fetch_failed": "Impossible de charger les favoris",
-"error.favorites_toggle_failed": "Impossible de mettre à jour le favori",
-"error.history_failed": "Impossible de charger les données historiques",
-"error.monitoring_failed": "Impossible de charger l'état de surveillance",
-"error.graph_settings_failed": "Impossible de charger les paramètres du graphique",
-"error.panel_reconnected": "SPAN Panel reconnecté",
-"error.retry": "Réessayer",
-"card.connecting": "Connexion au SPAN Panel...",
-```
-
-Japanese (`ja`) translations:
-
-```typescript
-"error.panel_offline": "SPANパネルに接続できません",
-"error.panel_offline_named": "SPANパネル '{name}' に接続できません",
-"error.discovery_failed": "SPANパネルへの接続に失敗しました",
-"error.service_failed": "操作に失敗しました",
-"error.relay_failed": "リレーの切り替えに失敗しました",
-"error.shedding_failed": "シェディング優先度の更新に失敗しました",
-"error.threshold_failed": "しきい値の保存に失敗しました",
-"error.graph_horizon_failed": "グラフの時間範囲の更新に失敗しました",
-"error.favorites_fetch_failed": "お気に入りの読み込みに失敗しました",
-"error.favorites_toggle_failed": "お気に入りの更新に失敗しました",
-"error.history_failed": "履歴データの読み込みに失敗しました",
-"error.monitoring_failed": "監視ステータスの読み込みに失敗しました",
-"error.graph_settings_failed": "グラフ設定の読み込みに失敗しました",
-"error.panel_reconnected": "SPANパネルが再接続されました",
-"error.retry": "再試行",
-"card.connecting": "SPANパネルに接続中...",
-```
-
-Portuguese (`pt`) translations:
-
-```typescript
-"error.panel_offline": "SPAN Panel inacessível",
-"error.panel_offline_named": "SPAN Panel '{name}' inacessível",
-"error.discovery_failed": "Não foi possível conectar ao SPAN Panel",
-"error.service_failed": "Ação falhou",
-"error.relay_failed": "Não foi possível alternar o relé",
-"error.shedding_failed": "Não foi possível atualizar a prioridade de desligamento",
-"error.threshold_failed": "Não foi possível salvar o limite",
-"error.graph_horizon_failed": "Não foi possível atualizar o horizonte temporal do gráfico",
-"error.favorites_fetch_failed": "Não foi possível carregar os favoritos",
-"error.favorites_toggle_failed": "Não foi possível atualizar o favorito",
-"error.history_failed": "Não foi possível carregar os dados históricos",
-"error.monitoring_failed": "Não foi possível carregar o status de monitoramento",
-"error.graph_settings_failed": "Não foi possível carregar as configurações do gráfico",
-"error.panel_reconnected": "SPAN Panel reconectado",
-"error.retry": "Tentar novamente",
-"card.connecting": "Conectando ao SPAN Panel...",
-```
-
-- [ ] **Step 2: Add `panel_status` to `PanelEntities` in `src/types.ts`**
-
-In `src/types.ts`, find the `PanelEntities` interface (lines 58-65) and add:
-
-```typescript
-export interface PanelEntities {
-  site_power?: string;
-  current_power?: string;
-  feedthrough_power?: string;
-  pv_power?: string;
-  battery_level?: string;
-  dsm_state?: string;
-  panel_status?: string; // binary_sensor entity for online/offline
-}
-```
-
-- [ ] **Step 3: Remove `ERROR_DISPLAY_MS` from `src/constants.ts`**
-
-In `src/constants.ts`, remove line 56:
-
-```typescript
-export const ERROR_DISPLAY_MS = 5_000;
-```
-
-Also remove any other import of `ERROR_DISPLAY_MS` in other files. The only current consumer is `side-panel.ts` (line 4 import), which will be updated in
-Task 6.
-
-- [ ] **Step 4: Run the full test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS. The i18n-validate hook (lefthook) will also check key consistency.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/i18n.ts src/types.ts src/constants.ts
-git commit -m "feat: add error i18n keys, panel_status type, remove ERROR_DISPLAY_MS"
-```
-
----
-
-## Task 4: `<span-error-banner>` Component
-
-**Files:**
-
-- Create: `src/core/error-banner.ts`
-
-- [ ] **Step 1: Implement the banner component**
-
-Create `src/core/error-banner.ts`:
-
-```typescript
-import { LitElement, html, css, nothing } from "lit";
-import { customElement, state } from "lit/decorators.js";
-import { t } from "../i18n.js";
-import type { ErrorStore, ErrorEntry } from "./error-store.js";
-
-@customElement("span-error-banner")
-export class SpanErrorBanner extends LitElement {
-  private _store: ErrorStore | null = null;
-  private _unsub: (() => void) | null = null;
-
-  @state() private _errors: ErrorEntry[] = [];
-
-  set store(store: ErrorStore) {
-    if (this._store === store) return;
-    this._unsub?.();
-    this._store = store;
-    this._errors = store.active;
-    this._unsub = store.subscribe(() => {
-      this._errors = this._store!.active;
-    });
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback();
-    this._unsub?.();
-    this._unsub = null;
-  }
-
-  static styles = css`
-    :host {
-      display: block;
-    }
-    :host(:empty) {
-      display: none;
-    }
-    .banner-row {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 8px 12px;
-      font-size: 13px;
-      line-height: 1.4;
-      transition: opacity 200ms ease;
-    }
-    .banner-row + .banner-row {
-      border-top: 1px solid rgba(128, 128, 128, 0.2);
-    }
-    .banner-row.level-error {
-      background: color-mix(in srgb, var(--error-color, #db4437) 15%, transparent);
-      color: var(--error-color, #db4437);
-    }
-    .banner-row.level-warning {
-      background: color-mix(in srgb, var(--warning-color, #ff9800) 15%, transparent);
-      color: var(--warning-color, #ff9800);
-    }
-    .banner-row.level-info {
-      background: color-mix(in srgb, var(--info-color, #4285f4) 15%, transparent);
-      color: var(--info-color, #4285f4);
-    }
-    .icon {
-      flex-shrink: 0;
-      width: 18px;
-      height: 18px;
-      --mdc-icon-size: 18px;
-    }
-    .message {
-      flex: 1;
-      min-width: 0;
-    }
-    .retry-btn {
-      flex-shrink: 0;
-      background: none;
-      border: 1px solid currentColor;
-      border-radius: 4px;
-      color: inherit;
-      cursor: pointer;
-      font-size: 12px;
-      padding: 2px 8px;
-    }
-    .retry-btn:hover {
-      opacity: 0.8;
-    }
-  `;
-
-  protected render() {
-    if (this._errors.length === 0) return nothing;
-
-    return html`${this._errors.map(
-      entry => html`
-        <div class="banner-row level-${entry.level}">
-          <ha-icon class="icon" .icon=${this._iconForLevel(entry.level)}></ha-icon>
-          <span class="message">${entry.message}</span>
-          ${entry.retryFn ? html`<button class="retry-btn" @click=${() => entry.retryFn!()}>${t("error.retry")}</button>` : nothing}
-        </div>
-      `
-    )}`;
-  }
-
-  private _iconForLevel(level: string): string {
-    switch (level) {
-      case "error":
-        return "mdi:alert-circle";
-      case "warning":
-        return "mdi:alert";
-      default:
-        return "mdi:information";
-    }
-  }
-}
-```
-
-- [ ] **Step 2: Verify the component type-checks**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 3: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/error-banner.ts
-git commit -m "feat: add span-error-banner LitElement component"
-```
-
----
-
-## Task 5: Backend — Add panel_status to Topology Response
-
-**Files:**
-
-- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`
-- Modify: `/Users/bflood/projects/HA/span/tests/test_websocket.py`
-
-- [ ] **Step 1: Write the backend test**
-
-In `/Users/bflood/projects/HA/span/tests/test_websocket.py`, add a test that verifies the `panel_status` binary sensor entity is included in the topology
-response's `panel_entities` map. Add this test to the existing integration test class that tests `handle_panel_topology`.
-
-The test should:
-
-1. Register a panel device
-2. Register a `binary_sensor` entity with unique_id `span_sp3-242424-001_panel_status` and domain `binary_sensor`
-3. Call `handle_panel_topology`
-4. Assert the result's `panel_entities` contains `"panel_status"` pointing to the registered binary sensor entity_id
-
-```python
-async def test_panel_topology_includes_panel_status_entity(
-    self,
-    hass: HomeAssistant,
-):
-    """Test that panel_status binary sensor is included in panel_entities."""
-    config_entry = MockConfigEntry(domain=DOMAIN, data={}, entry_id="test_entry")
-    config_entry.add_to_hass(hass)
-
-    serial = "sp3-242424-001"
-    snapshot = SpanPanelSnapshotFactory(serial_number=serial, circuits={})
-    coordinator = _make_coordinator(snapshot)
-    config_entry.runtime_data = SpanPanelRuntimeData(coordinator=coordinator)
-    hass.config_entries.async_update_entry(config_entry, state=ConfigEntryState.LOADED)
-
-    panel_device = _register_panel_device(hass, config_entry.entry_id, serial)
-    _register_entity(
-        hass,
-        config_entry.entry_id,
-        panel_device.id,
-        "binary_sensor",
-        f"span_{serial}_panel_status",
-        "binary_sensor.span_panel_test_panel_status",
-        original_name="Panel Status",
-    )
-
-    connection = _make_mock_connection()
-    await _handle_panel_topology_inner(
-        hass, connection, {"id": 1, "device_id": panel_device.id}
-    )
-    connection.send_result.assert_called_once()
-    result = connection.send_result.call_args[0][1]
-    assert result["panel_entities"]["panel_status"] == "binary_sensor.span_panel_test_panel_status"
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
-
-Expected: FAIL — `panel_status` key not in `panel_entities`.
-
-- [ ] **Step 3: Add the helper and wire it into the topology response**
-
-In `/Users/bflood/projects/HA/span/custom_components/span_panel/websocket.py`:
-
-1. Add the import for `build_binary_sensor_unique_id` from `id_builder`:
-
-```python
-from .id_builder import build_binary_sensor_unique_id
-```
-
-(Add alongside the existing `from .helpers import build_panel_unique_id` import.)
-
-1. Add a helper function after `_build_panel_entity_map`:
-
-```python
-def _resolve_panel_status_entity(
-    serial: str,
-    entity_registry: er.EntityRegistry,
-) -> str | None:
-    """Resolve the panel_status binary sensor entity_id."""
-    unique_id = build_binary_sensor_unique_id(serial.lower(), "panel_status")
-    return entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)
-```
-
-1. In `handle_panel_topology`, after the line that calls `_build_panel_entity_map` (line 135), add:
-
-```python
-panel_status_entity = _resolve_panel_status_entity(snapshot.serial_number, entity_registry)
-if panel_status_entity:
-    panel_entities["panel_status"] = panel_status_entity
-```
-
-- [ ] **Step 4: Run the test to verify it passes**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/test_websocket.py -k "panel_status" -v`
-
-Expected: PASS.
-
-- [ ] **Step 5: Run the full backend test suite**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
-
-Expected: All tests PASS.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/span
-git add custom_components/span_panel/websocket.py tests/test_websocket.py
-git commit -m "feat: include panel_status binary sensor in topology response"
-```
-
----
-
-## Task 6: Wire Banner into Card (`span-panel-card.ts`)
-
-**Files:**
-
-- Modify: `src/card/span-panel-card.ts`
-
-- [ ] **Step 1: Add imports**
-
-At the top of `src/card/span-panel-card.ts`, add:
-
-```typescript
-import { ErrorStore } from "../core/error-store.js";
-import "../core/error-banner.js";
-```
-
-- [ ] **Step 2: Add ErrorStore instance as a class property**
-
-In the state properties section (around line 49-66), add:
-
-```typescript
-private _errorStore = new ErrorStore();
-```
-
-- [ ] **Step 3: Add banner to render output**
-
-In the render method, find the State 3 branch that renders the discovered card (the `<ha-card>` return around line 164). Add the banner element as the first
-child inside `<ha-card>`, above the tab bar:
-
-```typescript
-<ha-card ...>
-  <span-error-banner .store=${this._errorStore}></span-error-banner>
-  <!-- existing tab bar and content -->
-```
-
-- [ ] **Step 4: Wire panel status watching after discovery**
-
-In the discovery completion code (after topology is successfully fetched), add:
-
-```typescript
-if (this._topology?.panel_entities?.panel_status) {
-  this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status);
-}
-```
-
-- [ ] **Step 5: Call updateHass on each hass property change**
-
-In the `updated()` lifecycle method (around line 179), after `this._ctrl.hass = this.hass;`, add:
-
-```typescript
-this._errorStore.updateHass(this.hass);
-```
-
-- [ ] **Step 6: Wire ErrorStore into the dashboard controller**
-
-Pass the error store to the controller so it can dispatch errors. Add a property on the controller or pass the store reference where it's constructed.
-
-- [ ] **Step 7: Replace discovery error static div with ErrorStore**
-
-In the `_discoverTopology()` method, replace the `this._discoveryError = ...` line with an ErrorStore persistent error:
-
-```typescript
-} catch (fallbackErr) {
-  console.error("SPAN Panel: fallback discovery also failed", fallbackErr);
-  this._errorStore.add({
-    key: "discovery-failed",
-    level: "error",
-    message: t("error.discovery_failed"),
-    persistent: true,
-    retryFn: () => {
-      this._errorStore.remove("discovery-failed");
-      this._discover();
-    },
-  });
-}
-```
-
-Update the render method to also show the banner in the not-yet-discovered state (remove the `_discoveryError` static div, use the banner instead):
-
-```typescript
-if (!this._discovered) {
-  return html`
-    <ha-card>
-      <span-error-banner .store=${this._errorStore}></span-error-banner>
-      ${this._errorStore.active.length === 0
-        ? html`<div style="padding: 24px; color: var(--secondary-text-color);">${escapeHtml(t("card.connecting"))}</div>`
-        : nothing}
-    </ha-card>
-  `;
-}
-```
-
-Remove the `_discoveryError` state property if no longer needed.
-
-- [ ] **Step 8: Dispose ErrorStore on disconnect**
-
-Add cleanup in `disconnectedCallback`:
-
-```typescript
-disconnectedCallback(): void {
-  super.disconnectedCallback();
-  this._errorStore.dispose();
-}
-```
-
-- [ ] **Step 9: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 10: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/card/span-panel-card.ts
-git commit -m "feat: wire error banner and panel status watching into card"
-```
-
----
-
-## Task 7: Wire Banner into Panel (`span-panel.ts`)
-
-**Files:**
-
-- Modify: `src/panel/span-panel.ts`
-
-- [ ] **Step 1: Add imports**
-
-```typescript
-import { ErrorStore } from "../core/error-store.js";
-import "../core/error-banner.js";
-```
-
-- [ ] **Step 2: Add ErrorStore instance**
-
-```typescript
-private _errorStore = new ErrorStore();
-```
-
-- [ ] **Step 3: Add banner to render output**
-
-Place `<span-error-banner .store=${this._errorStore}></span-error-banner>` below the header/panel selector and above the tab content in the render method.
-
-- [ ] **Step 4: Wire panel status watching after discovery**
-
-After device discovery completes, for each panel's topology, call:
-
-```typescript
-if (topology?.panel_entities?.panel_status) {
-  this._errorStore.watchPanelStatus(topology.panel_entities.panel_status);
-}
-```
-
-- [ ] **Step 5: Call updateHass on hass property changes**
-
-In the `updated()` method (around line 240), add:
-
-```typescript
-this._errorStore.updateHass(this.hass);
-```
-
-- [ ] **Step 6: Surface favorites fetch errors**
-
-In `_loadFavorites()` (around line 605), replace the silent catch:
-
-```typescript
-} catch (err) {
-  console.warn("SPAN Panel: favorites fetch failed", err);
-  this._errorStore.add({
-    key: "fetch:favorites",
-    level: "warning",
-    message: t("error.favorites_fetch_failed"),
-    persistent: false,
-  });
-  return {};
-}
-```
-
-- [ ] **Step 7: Surface device discovery errors**
-
-In the discovery error catch block, add:
-
-```typescript
-this._errorStore.add({
-  key: "discovery-failed",
-  level: "error",
-  message: t("error.discovery_failed"),
-  persistent: true,
-  retryFn: () => {
-    this._errorStore.remove("discovery-failed");
-    this._discoverPanels();
-  },
-});
-```
-
-- [ ] **Step 8: Dispose on disconnect**
-
-```typescript
-disconnectedCallback(): void {
-  super.disconnectedCallback();
-  this._errorStore.dispose();
-}
-```
-
-- [ ] **Step 9: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 10: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/panel/span-panel.ts
-git commit -m "feat: wire error banner and panel status watching into panel"
-```
-
----
-
-## Task 8: Replace Side Panel Error Handling
-
-**Files:**
-
-- Modify: `src/core/side-panel.ts`
-
-- [ ] **Step 1: Add ErrorStore property and remove old error machinery**
-
-1. Remove `ERROR_DISPLAY_MS` from the import on line 4.
-2. Add a public `errorStore` property:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-1. Remove the `_showError()` method (lines 1393-1402).
-2. Remove all three `error-msg` div creation blocks (in `_buildPanelMode` ~line 666, `_buildCircuitMode` ~line 415, `_buildSubDeviceMode` ~line 873). Remove the
-   div element creation (5 lines each: createElement, className, id, style.display, appendChild).
-
-- [ ] **Step 2: Replace all `_showError()` call sites with ErrorStore**
-
-Replace each `.catch((err: Error) => this._showError(...))` pattern. For example:
-
-**Relay toggle** (around line 1011):
-
-Before:
-
-```typescript
-.catch((err: Error) => this._showError(`${t("sidepanel.relay_failed")} ${err.message ?? err}`))
-```
-
-After:
-
-```typescript
-.catch((err: Error) => {
-  this.errorStore?.add({
-    key: "service:relay",
-    level: "error",
-    message: `${t("error.relay_failed")}`,
-    persistent: false,
-  });
-})
-```
-
-**Graph horizon changes** (around lines 465, 523, 551, 615, 643, 948, 955, 1122, 1132):
-
-Replace each `_showError(...)` with:
-
-```typescript
-this.errorStore?.add({
-  key: "service:graph_horizon",
-  level: "error",
-  message: t("error.graph_horizon_failed"),
-  persistent: false,
-});
-```
-
-**Shedding** (around line 1057):
-
-```typescript
-this.errorStore?.add({
-  key: "service:shedding",
-  level: "error",
-  message: t("error.shedding_failed"),
-  persistent: false,
-});
-```
-
-**Monitoring** (around lines 1213, 1228, 1270, 1331):
-
-```typescript
-this.errorStore?.add({
-  key: "service:monitoring",
-  level: "error",
-  message: t("error.threshold_failed"),
-  persistent: false,
-});
-```
-
-**Favorites** (around line 830):
-
-```typescript
-this.errorStore?.add({
-  key: "service:favorites",
-  level: "error",
-  message: t("error.favorites_toggle_failed"),
-  persistent: false,
-});
-```
-
-- [ ] **Step 3: Pass errorStore from card and panel components**
-
-In `span-panel-card.ts`, wherever the side panel is constructed or accessed, set its errorStore property:
-
-```typescript
-sidePanel.errorStore = this._errorStore;
-```
-
-Same in `span-panel.ts`.
-
-- [ ] **Step 4: Remove error-msg CSS if it exists in card-styles**
-
-Search for `.error-msg` CSS rules in the styles and remove them since the div no longer exists.
-
-- [ ] **Step 5: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/side-panel.ts src/card/span-panel-card.ts src/panel/span-panel.ts
-git commit -m "refactor: replace side panel _showError with ErrorStore dispatch"
-```
-
----
-
-## Task 9: Replace Dashboard Controller Silent Catches
-
-**Files:**
-
-- Modify: `src/core/dashboard-controller.ts`
-
-- [ ] **Step 1: Add ErrorStore and RetryManager properties**
-
-Add imports and a property for the store:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { RetryManager } from "./retry-manager.js";
-```
-
-Add properties to the class:
-
-```typescript
-private _errorStore: ErrorStore | null = null;
-private _retryManager: RetryManager | null = null;
-
-set errorStore(store: ErrorStore) {
-  this._errorStore = store;
-  this._retryManager = new RetryManager(store);
-}
-```
-
-- [ ] **Step 2: Replace switch toggle catch (line 367)**
-
-Before:
-
-```typescript
-this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(err => {
-  console.error("SPAN Panel: switch service call failed:", err);
-});
-```
-
-After:
-
-```typescript
-if (this._retryManager) {
-  this._retryManager
-    .callService(
-      this._hass,
-      "switch",
-      service,
-      {},
-      { entity_id: switchEntity },
-      {
-        errorId: "service:relay",
-        errorMessage: t("error.relay_failed"),
-      }
-    )
-    .catch(() => {});
-} else {
-  this._hass.callService("switch", service, {}, { entity_id: switchEntity }).catch(() => {});
-}
-```
-
-Add `import { t } from "../i18n.js";` if not already imported.
-
-- [ ] **Step 3: Replace history refresh catch (line 314)**
-
-Before:
-
-```typescript
-} catch {
-  // Will refresh on next interval
-}
-```
-
-After:
-
-```typescript
-} catch {
-  this._errorStore?.add({
-    key: "fetch:history",
-    level: "warning",
-    message: t("error.history_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 4: Replace graph settings fetch catch (line 148-159)**
-
-Before:
-
-```typescript
-} catch {
-  // Graph settings unavailable -- use defaults
-}
-```
-
-After:
-
-```typescript
-} catch {
-  this._errorStore?.add({
-    key: "fetch:graph_settings",
-    level: "warning",
-    message: t("error.graph_settings_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 5: Wire errorStore from card**
-
-In `span-panel-card.ts`, after creating the controller, set:
-
-```typescript
-this._ctrl.errorStore = this._errorStore;
-```
-
-Same in `span-panel.ts` for its controller instances.
-
-- [ ] **Step 6: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 7: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/dashboard-controller.ts src/card/span-panel-card.ts src/panel/span-panel.ts
-git commit -m "feat: replace dashboard controller silent catches with ErrorStore"
-```
-
----
-
-## Task 10: Surface Errors in Cache Stores and Area Resolver
-
-**Files:**
-
-- Modify: `src/core/monitoring-status.ts`
-- Modify: `src/core/graph-settings.ts`
-- Modify: `src/core/favorites-store.ts`
-- Modify: `src/core/area-resolver.ts`
-
-Each cache store needs an optional `errorStore` property. When a fetch fails, dispatch a transient error in addition to the existing fallback behavior.
-
-- [ ] **Step 1: Add errorStore to MonitoringStatusCache**
-
-In `src/core/monitoring-status.ts`, add to the `MonitoringStatusCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-```
-
-In the `fetch()` method's catch block (line 43), add:
-
-```typescript
-} catch {
-  this._status = null;
-  this.errorStore?.add({
-    key: "fetch:monitoring",
-    level: "warning",
-    message: t("error.monitoring_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 2: Add errorStore to GraphSettingsCache**
-
-In `src/core/graph-settings.ts`, add to the `GraphSettingsCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-(Note: `t` may not yet be imported in this file — add it.)
-
-In the `fetch()` method's catch block (line 49), add:
-
-```typescript
-} catch {
-  this._settings = null;
-  this.errorStore?.add({
-    key: "fetch:graph_settings",
-    level: "warning",
-    message: t("error.graph_settings_failed"),
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 3: Add errorStore to FavoritesCache**
-
-In `src/core/favorites-store.ts`, add to the `FavoritesCache` class:
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-In the `fetch()` method's catch block (line 98), add:
-
-```typescript
-} catch {
-  this.errorStore?.add({
-    key: "fetch:favorites",
-    level: "warning",
-    message: t("error.favorites_fetch_failed"),
-    persistent: false,
-  });
-  return this._map ?? {};
-}
-```
-
-- [ ] **Step 4: Update area-resolver.ts**
-
-In `src/core/area-resolver.ts`, add an optional errorStore parameter to `subscribeAreaUpdates`:
-
-```typescript
-export async function subscribeAreaUpdates(
-  hass: HomeAssistant,
-  topology: PanelTopology,
-  callback: () => void,
-  errorStore?: ErrorStore | null,
-): Promise<() => void> {
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "./error-store.js";
-import { t } from "../i18n.js";
-```
-
-In the handler's catch block (line 114), add alongside the console.warn:
-
-```typescript
-} catch (err) {
-  console.warn("[span-panel] area registry update failed:", err);
-  errorStore?.add({
-    key: "fetch:areas",
-    level: "warning",
-    message: "Unable to update area assignments",
-    persistent: false,
-  });
-}
-```
-
-- [ ] **Step 5: Wire errorStore into cache instances from controllers**
-
-In `dashboard-controller.ts`, when `errorStore` is set, propagate to caches:
-
-```typescript
-set errorStore(store: ErrorStore) {
-  this._errorStore = store;
-  this._retryManager = new RetryManager(store);
-  this.monitoringCache.errorStore = store;
-  this.graphSettingsCache.errorStore = store;
-}
-```
-
-In `span-panel-card.ts` and `span-panel.ts`, pass errorStore to any `FavoritesCache` instances and `subscribeAreaUpdates` calls.
-
-- [ ] **Step 6: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 7: Run full test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS.
-
-- [ ] **Step 8: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/monitoring-status.ts src/core/graph-settings.ts \
-  src/core/favorites-store.ts src/core/area-resolver.ts \
-  src/core/dashboard-controller.ts src/card/span-panel-card.ts \
-  src/panel/span-panel.ts
-git commit -m "feat: surface cache fetch and area resolver errors via ErrorStore"
-```
-
----
-
-## Task 11: Replace Tab Monitoring Silent Catches
-
-**Files:**
-
-- Modify: `src/panel/tab-monitoring.ts`
-
-- [ ] **Step 1: Add ErrorStore property**
-
-```typescript
-errorStore: ErrorStore | null = null;
-```
-
-Add import:
-
-```typescript
-import type { ErrorStore } from "../core/error-store.js";
-import { t } from "../i18n.js";
-```
-
-- [ ] **Step 2: Replace silent catches (lines 669, 679)**
-
-Replace each `.catch(() => {})` with:
-
-```typescript
-.catch(() => {
-  this.errorStore?.add({
-    key: "service:monitoring",
-    level: "error",
-    message: t("error.threshold_failed"),
-    persistent: false,
-  });
-})
-```
-
-- [ ] **Step 3: Wire errorStore from parent**
-
-In `span-panel.ts`, wherever `tab-monitoring` is constructed/accessed, pass:
-
-```typescript
-tabMonitoring.errorStore = this._errorStore;
-```
-
-- [ ] **Step 4: Verify type-checks pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/panel/tab-monitoring.ts src/panel/span-panel.ts
-git commit -m "feat: replace tab-monitoring silent catches with ErrorStore"
-```
-
----
-
-## Task 12: Final Verification and Build
-
-**Files:** None new — verification only.
-
-- [ ] **Step 1: Run full frontend test suite**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run`
-
-Expected: All tests PASS.
-
-- [ ] **Step 2: Run type-check**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx tsc --noEmit`
-
-Expected: No type errors.
-
-- [ ] **Step 3: Run ESLint**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx eslint src/ --ext .ts`
-
-Expected: No errors.
-
-- [ ] **Step 4: Run full backend test suite**
-
-Run: `cd /Users/bflood/projects/HA/span && python -m pytest tests/ -q`
-
-Expected: All tests PASS.
-
-- [ ] **Step 5: Build and sync frontend**
-
-Run: `/sync-frontend` skill or:
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card && ./scripts/build-frontend.sh
-```
-
-Expected: Build succeeds. Dist files updated.
-
-- [ ] **Step 6: Verify in browser**
-
-Start HA dev server and verify:
-
-1. With panel online: no banner visible
-2. Simulate panel offline (stop SPAN panel or mock entity state): red banner appears "SPAN Panel unreachable"
-3. Attempt relay toggle while offline: transient error appears below persistent banner
-4. Restore panel online: persistent banner disappears, brief "SPAN Panel reconnected" info appears
-5. Trigger a service call error: transient error appears with auto-dismiss
-
-- [ ] **Step 7: Commit build artifacts if needed**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add -A
-git commit -m "build: sync frontend dist with error management changes"
-```
diff --git a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md b/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
deleted file mode 100644
index f74be39..0000000
--- a/docs/superpowers/plans/2026-04-15-favorites-expanded-compact.md
+++ /dev/null
@@ -1,865 +0,0 @@
-# Favorites list view — compact expanded row — Implementation Plan
-
-> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan
-> task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
-
-**Goal:** In By-Activity and By-Area list views, expanding a row should reveal only the chart; the two unique controls (gear and ON/OFF toggle) move onto the
-always-visible list row.
-
-**Architecture:** A new `buildExpandedChartHTML` renderer replaces the duplicative `buildExpandedCircuitHTML`. The list row gains a gear button and a tappable
-ON/OFF badge. A small shared `getCircuitStateClasses` helper keeps state-visualization classes consistent between the grid and the new chart-only expanded slot.
-
-**Tech Stack:** TypeScript, Lit (lightly used here — this card uses manual innerHTML), Vitest, Rollup, CSS-in-JS via tagged template literals.
-
-**Spec:** `docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md`
-
----
-
-## File map
-
-**Create:**
-
-- `src/core/circuit-state.ts` — shared `getCircuitStateClasses` helper.
-- `tests/circuit-state.test.ts` — unit tests for the helper.
-
-**Modify:**
-
-- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses`.
-- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML`, delete `buildExpandedCircuitHTML`.
-- `src/core/list-view-controller.ts` — swap renderer calls, widen toggle selector, extend `updateCollapsedRows`.
-- `src/core/dashboard-controller.ts` — widen `onToggleClick` pill selector to include `list-status-toggle`.
-- `src/card/card-styles.ts` — add gear/badge/chart-only rules.
-
-**Test:**
-
-- `tests/circuit-state.test.ts` (new, above).
-- `tests/list-renderer.test.ts` (new — covers both renderers' new output shape).
-
-**Sync (post-build):**
-
-- `../../../HA/span/custom_components/span_panel/frontend/dist/` — via `scripts/build-frontend.sh` in the HA integration, or the `sync-frontend` skill.
-
----
-
-## Task 1: Add shared `getCircuitStateClasses` helper
-
-Extracts the `circuit-off` / `circuit-producer` / `circuit-alert` / `circuit-custom-monitoring` class logic that `renderCircuitSlot` computes inline today. Grid
-and list will both call this so they stay in sync.
-
-**Files:**
-
-- Create: `src/core/circuit-state.ts`
-- Create: `tests/circuit-state.test.ts`
-
-- [ ] **Step 1: Write the failing test**
-
-Create `tests/circuit-state.test.ts`:
-
-```ts
-import { describe, it, expect } from "vitest";
-import { getCircuitStateClasses } from "../src/core/circuit-state.js";
-import type { Circuit, MonitoringPointInfo } from "../src/types.js";
-
-const baseCircuit: Circuit = { name: "Test" };
-
-describe("getCircuitStateClasses", () => {
-  it("returns empty string when circuit is on, not producer, no monitoring info", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, true, false)).toBe("");
-  });
-
-  it("adds circuit-off when isOn is false", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, false, false)).toBe("circuit-off");
-  });
-
-  it("adds circuit-producer when isProducer is true", () => {
-    expect(getCircuitStateClasses(baseCircuit, null, true, true)).toBe("circuit-producer");
-  });
-
-  it("adds both when off and producer", () => {
-    const result = getCircuitStateClasses(baseCircuit, null, false, true);
-    expect(result).toContain("circuit-off");
-    expect(result).toContain("circuit-producer");
-  });
-
-  it("adds circuit-alert when monitoringInfo indicates alert", () => {
-    const info: MonitoringPointInfo = { utilization_pct: 95, over_threshold_since: "2024-01-01T00:00:00Z" };
-    const result = getCircuitStateClasses(baseCircuit, info, true, false);
-    expect(result).toContain("circuit-alert");
-  });
-
-  it("adds circuit-custom-monitoring when continuous_threshold_pct is set", () => {
-    const info: MonitoringPointInfo = { continuous_threshold_pct: 80 };
-    const result = getCircuitStateClasses(baseCircuit, info, true, false);
-    expect(result).toContain("circuit-custom-monitoring");
-  });
-
-  it("handles all classes together", () => {
-    const info: MonitoringPointInfo = {
-      utilization_pct: 99,
-      over_threshold_since: "2024-01-01T00:00:00Z",
-      continuous_threshold_pct: 80,
-    };
-    const result = getCircuitStateClasses(baseCircuit, info, false, true);
-    expect(result).toContain("circuit-off");
-    expect(result).toContain("circuit-producer");
-    expect(result).toContain("circuit-alert");
-    expect(result).toContain("circuit-custom-monitoring");
-  });
-});
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
-
-Expected: FAIL with "Cannot find module '../src/core/circuit-state.js'".
-
-- [ ] **Step 3: Implement the helper**
-
-Create `src/core/circuit-state.ts`:
-
-```ts
-import { hasCustomOverrides, isAlertActive } from "./monitoring-status.js";
-import type { Circuit, MonitoringPointInfo } from "../types.js";
-
-/**
- * Build the set of state-visualization classes that apply to a circuit's
- * rendered slot. Shared by the breaker grid and the list view's
- * chart-only expanded slot so both render the same border/background
- * signaling.
- */
-export function getCircuitStateClasses(_circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string {
-  const classes: string[] = [];
-  if (!isOn) classes.push("circuit-off");
-  if (isProducer) classes.push("circuit-producer");
-  if (isAlertActive(monitoringInfo)) classes.push("circuit-alert");
-  if (hasCustomOverrides(monitoringInfo)) classes.push("circuit-custom-monitoring");
-  return classes.join(" ");
-}
-```
-
-Note: `_circuit` is retained in the signature so future extensions (e.g. device-type specific classes) don't require a breaking change. The underscore prefix
-tells ESLint it's intentionally unused.
-
-- [ ] **Step 4: Run the test to verify it passes**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/circuit-state.test.ts`
-
-Expected: 7 passing tests.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 6: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/circuit-state.ts tests/circuit-state.test.ts
-git commit -m "feat(core): extract shared getCircuitStateClasses helper"
-```
-
----
-
-## Task 2: Adopt `getCircuitStateClasses` in `renderCircuitSlot`
-
-Replace the inline class computation in `renderCircuitSlot` with a call to the shared helper, so the grid and list stay in lockstep.
-
-**Files:**
-
-- Modify: `src/core/grid-renderer.ts`
-
-- [ ] **Step 1: Read the current state-class logic**
-
-Open `src/core/grid-renderer.ts`. Lines 193-195 currently contain:
-
-```ts
-const alertActive = isAlertActive(monitoringInfo);
-const alertClass = alertActive ? "circuit-alert" : "";
-const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
-```
-
-And line 202 uses them:
-
-```ts
-<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
-```
-
-- [ ] **Step 2: Refactor to use the shared helper**
-
-At the top of `grid-renderer.ts`, add the import alongside the existing monitoring-status import:
-
-```ts
-import { getCircuitStateClasses } from "./circuit-state.js";
-```
-
-Remove these lines from `renderCircuitSlot`:
-
-```ts
-const alertActive = isAlertActive(monitoringInfo);
-const alertClass = alertActive ? "circuit-alert" : "";
-const customClass = hasOverridesFlag ? "circuit-custom-monitoring" : "";
-```
-
-Replace the `<div class="circuit-slot ...">` line with:
-
-```ts
-const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
-```
-
-(add this line after the existing `const customClass` removal, before the template returns). Then change the opening div of the return template from:
-
-```ts
-<div class="circuit-slot ${isOn ? "" : "circuit-off"} ${isProducer ? "circuit-producer" : ""} ${layoutClass} ${alertClass} ${customClass}"
-```
-
-to:
-
-```ts
-<div class="circuit-slot ${stateClasses} ${layoutClass}"
-```
-
-Also remove the `isAlertActive` import from `./monitoring-status.js` **only if it has no other callers in this file** (grep the file first — keep the import if
-other call sites remain).
-
-- [ ] **Step 3: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 4: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all existing tests still pass, including `circuit-state.test.ts`.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/grid-renderer.ts
-git commit -m "refactor(grid): use shared getCircuitStateClasses"
-```
-
----
-
-## Task 3: Add `buildExpandedChartHTML` renderer
-
-Replace the full-circuit-slot expanded view with a minimal chart-only variant.
-
-**Files:**
-
-- Modify: `src/core/list-renderer.ts`
-- Create: `tests/list-renderer.test.ts`
-
-- [ ] **Step 1: Write the failing test**
-
-Create `tests/list-renderer.test.ts`:
-
-```ts
-import { describe, it, expect } from "vitest";
-import { buildExpandedChartHTML } from "../src/core/list-renderer.js";
-import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
-
-const mockHass = {
-  states: {
-    "switch.circuit_a": { state: "on", attributes: {} },
-    "sensor.circuit_a_power": { state: "150", attributes: {} },
-  },
-} as unknown as HomeAssistant;
-
-const mockConfig = { chart_metric: "power" } as unknown as CardConfig;
-
-const onCircuit: Circuit = {
-  name: "Kitchen",
-  tabs: [1],
-  relay_state: "CLOSED",
-  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
-};
-
-const offCircuit: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
-
-describe("buildExpandedChartHTML", () => {
-  it("produces a list-expanded-content wrapper with the circuit uuid", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).toContain('class="list-expanded-content"');
-    expect(html).toContain('data-expanded-uuid="uuid-123"');
-  });
-
-  it("wraps a circuit-slot that carries the chart-only marker class and data-uuid", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).toContain("circuit-slot");
-    expect(html).toContain("circuit-chart-only");
-    expect(html).toContain('data-uuid="uuid-123"');
-  });
-
-  it("contains exactly one chart-container div", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    const matches = html.match(/class="chart-container"/g);
-    expect(matches?.length).toBe(1);
-  });
-
-  it("does NOT contain circuit-header or circuit-status duplicated content", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("circuit-header");
-    expect(html).not.toContain("circuit-status");
-    expect(html).not.toContain("toggle-pill");
-    expect(html).not.toContain("breaker-badge");
-    expect(html).not.toContain("power-value");
-  });
-
-  it("applies circuit-off class when circuit is off", () => {
-    const off: Circuit = { ...onCircuit, relay_state: "OPEN", entities: { switch: undefined, power: "sensor.circuit_a_power" } };
-    const html = buildExpandedChartHTML("uuid-123", off, mockHass, mockConfig, null);
-    expect(html).toContain("circuit-off");
-  });
-
-  it("omits circuit-off class when circuit is on", () => {
-    const html = buildExpandedChartHTML("uuid-123", onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("circuit-off");
-  });
-
-  it("escapes unsafe uuids", () => {
-    const html = buildExpandedChartHTML('"><script>alert(1)</script>', onCircuit, mockHass, mockConfig, null);
-    expect(html).not.toContain("<script>");
-  });
-});
-```
-
-- [ ] **Step 2: Run the test to verify it fails**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: FAIL with "`buildExpandedChartHTML` is not exported" or similar.
-
-- [ ] **Step 3: Implement `buildExpandedChartHTML` and delete `buildExpandedCircuitHTML`**
-
-In `src/core/list-renderer.ts`, add this import alongside existing ones:
-
-```ts
-import { DEVICE_TYPE_PV } from "../constants.js";
-import { getCircuitStateClasses } from "./circuit-state.js";
-```
-
-Replace the existing `buildExpandedCircuitHTML` function (lines 135-145) with:
-
-```ts
-/**
- * Build the chart-only expanded content for a list row. The collapsed
- * list row already shows breaker / name / shedding / utilization / status /
- * power, so the expanded area only needs to surface the chart. State-
- * visualization classes (off, producer, alert, custom monitoring) still
- * apply to the wrapping slot so border/background signaling is preserved.
- */
-export function buildExpandedChartHTML(
-  uuid: string,
-  circuit: Circuit,
-  hass: HomeAssistant,
-  config: CardConfig,
-  monitoringInfo: MonitoringPointInfo | null
-): string {
-  void config;
-  const powerEid = circuit.entities?.power;
-  const powerState = powerEid ? hass.states[powerEid] : null;
-  const powerW = powerState ? parseFloat(powerState.state) || 0 : 0;
-  const isProducer = circuit.device_type === DEVICE_TYPE_PV || powerW < 0;
-
-  const switchEid = circuit.entities?.switch;
-  const switchState = switchEid ? hass.states[switchEid] : null;
-  const isOn = switchState
-    ? switchState.state === "on"
-    : ((powerState?.attributes?.relay_state as string | undefined) || circuit.relay_state) === RELAY_STATE_CLOSED;
-
-  const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
-  const safeUuid = escapeHtml(uuid);
-
-  return `
-    <div class="list-expanded-content" data-expanded-uuid="${safeUuid}">
-      <div class="circuit-slot circuit-chart-only ${stateClasses}" data-uuid="${safeUuid}">
-        <div class="chart-container"></div>
-      </div>
-    </div>
-  `;
-}
-```
-
-Keep the `renderCircuitSlot` import removable — verify nothing else in `list-renderer.ts` references it, and drop the import if so.
-
-- [ ] **Step 4: Run the new tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: all 7 tests pass.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: errors about `buildExpandedCircuitHTML` being used in `list-view-controller.ts` (we fix that in Task 5). Note the errors — they will be resolved in
-Task 5. **Do not commit yet.** Continue to Step 6.
-
-- [ ] **Step 6: Leave the commit for the combined Task 5 commit**
-
-Do NOT commit yet. Task 5 will update `list-view-controller.ts` to import and call `buildExpandedChartHTML`, which resolves the remaining typecheck failures.
-Committing now would break the build at HEAD.
-
----
-
-## Task 4: Add gear and tappable badge to `buildListRowHTML`
-
-**Files:**
-
-- Modify: `src/core/list-renderer.ts`
-- Modify: `tests/list-renderer.test.ts` (append to the file from Task 3)
-
-- [ ] **Step 1: Write the failing tests for the new list-row structure**
-
-Append to `tests/list-renderer.test.ts`:
-
-```ts
-import { buildListRowHTML } from "../src/core/list-renderer.js";
-
-const controllableCircuit: Circuit = {
-  name: "Kitchen",
-  tabs: [1],
-  relay_state: "CLOSED",
-  is_user_controllable: true,
-  entities: { switch: "switch.circuit_a", power: "sensor.circuit_a_power" },
-};
-
-const nonControllableCircuit: Circuit = {
-  name: "Solar",
-  tabs: [2],
-  relay_state: "CLOSED",
-  is_user_controllable: false,
-  entities: { power: "sensor.circuit_b_power" },
-};
-
-describe("buildListRowHTML gear and tappable badge", () => {
-  it("adds a gear button with data-uuid", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).toContain("gear-icon");
-    expect(html).toContain("circuit-gear");
-    expect(html).toContain('data-uuid="uuid-42"');
-  });
-
-  it("puts the gear after list-power-value and before list-expand-toggle", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    const valueIdx = html.indexOf("list-power-value");
-    const gearIdx = html.indexOf("gear-icon");
-    const toggleIdx = html.indexOf("list-expand-toggle");
-    expect(valueIdx).toBeGreaterThan(-1);
-    expect(gearIdx).toBeGreaterThan(valueIdx);
-    expect(toggleIdx).toBeGreaterThan(gearIdx);
-  });
-
-  it("adds list-status-toggle class when circuit is user-controllable and has a switch entity", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).toContain("list-status-toggle");
-  });
-
-  it("omits list-status-toggle for non-controllable circuits", () => {
-    const html = buildListRowHTML("uuid-42", nonControllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
-  });
-
-  it("omits list-status-toggle when circuit has no switch entity", () => {
-    const noSwitch: Circuit = { ...controllableCircuit, entities: { power: "sensor.circuit_a_power" } };
-    const html = buildListRowHTML("uuid-42", noSwitch, mockHass, mockConfig, null, "unknown", false);
-    expect(html).not.toContain("list-status-toggle");
-  });
-
-  it("adds data-uuid on the list-row (needed by onToggleClick ancestor lookup)", () => {
-    const html = buildListRowHTML("uuid-42", controllableCircuit, mockHass, mockConfig, null, "unknown", false);
-    const rowMatch = html.match(/<div class="list-row[^"]*"([^>]*)>/);
-    expect(rowMatch).not.toBeNull();
-    const attrs = rowMatch?.[1] ?? "";
-    expect(attrs).toContain('data-uuid="uuid-42"');
-    expect(attrs).toContain('data-row-uuid="uuid-42"');
-  });
-});
-```
-
-- [ ] **Step 2: Run the tests to verify they fail**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: the 6 new tests fail; the 7 from Task 3 still pass.
-
-- [ ] **Step 3: Import `MONITORING_COLORS` and update `buildListRowHTML`**
-
-In `src/core/list-renderer.ts`, extend the constants import:
-
-```ts
-import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
-```
-
-Add an import for `hasCustomOverrides`:
-
-```ts
-import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
-```
-
-Inside `buildListRowHTML`, compute the gear color and toggleability block. After the `utilizationHTML` block (around line 110) but before the `statusBadge`
-line, add:
-
-```ts
-// Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.
-const hasOverridesFlag = monitoringInfo ? hasCustomOverrides(monitoringInfo) : false;
-const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
-const gearHTML = `<button class="gear-icon circuit-gear"
-  data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
-  title="${t("grid.configure")}">
-  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
-</button>`;
-
-// Make the status badge tappable only when the circuit can actually be
-// toggled. Uses the same gate as the breaker-grid toggle-pill.
-const isToggleable = circuit.is_user_controllable !== false && !!circuit.entities?.switch;
-const toggleClass = isToggleable ? " list-status-toggle" : "";
-```
-
-Replace the existing `statusBadge` definition:
-
-```ts
-const statusBadge = isOn
-  ? `<span class="list-status-badge list-status-on${toggleClass}">ON</span>`
-  : `<span class="list-status-badge list-status-off${toggleClass}">OFF</span>`;
-```
-
-Replace the return template's opening row div and insert the gear before the expand toggle:
-
-```ts
-return `
-  <div class="list-row ${isOn ? "" : "circuit-off"} ${isExpanded ? "list-row-expanded" : ""}"
-       data-row-uuid="${escapeHtml(uuid)}" data-uuid="${escapeHtml(uuid)}">
-    ${breakerLabel ? `<span class="breaker-badge">${breakerLabel}</span>` : ""}
-    <span class="list-circuit-name">${name}</span>
-    ${sheddingHTML}
-    ${utilizationHTML}
-    ${statusBadge}
-    <span class="list-power-value">
-      ${valueHTML}
-    </span>
-    ${gearHTML}
-    <button class="list-expand-toggle ${isExpanded ? "expanded" : ""}" data-expand-uuid="${escapeHtml(uuid)}">
-      <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>
-    </button>
-  </div>
-`;
-```
-
-- [ ] **Step 4: Run the tests to verify they pass**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npx vitest run tests/list-renderer.test.ts`
-
-Expected: all 13 tests pass.
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: TypeScript errors remaining from Task 3 about `list-view-controller.ts` calling the deleted `buildExpandedCircuitHTML`. The list-renderer.ts itself
-should be clean.
-
-- [ ] **Step 6: Do not commit yet — continue to Task 5**
-
-Task 5 closes out the list-renderer changes by updating the controller to call the new function.
-
----
-
-## Task 5: Update `ListViewController`
-
-Swap renderer calls, widen the toggle selector, and update `updateCollapsedRows` to keep the `list-status-toggle` class in sync with controllability.
-
-**Files:**
-
-- Modify: `src/core/list-view-controller.ts`
-
-- [ ] **Step 1: Update the import**
-
-Change the list-renderer import line near the top of `src/core/list-view-controller.ts`:
-
-```ts
-import { buildSearchBarHTML, buildListRowHTML, buildExpandedChartHTML, buildAreaHeaderHTML } from "./list-renderer.js";
-```
-
-(Drop `buildExpandedCircuitHTML` from the import list.)
-
-- [ ] **Step 2: Swap the three call sites**
-
-Replace every `buildExpandedCircuitHTML(uuid, circuit, hass, config, monitoringInfo, sheddingPriority)` call with
-`buildExpandedChartHTML(uuid, circuit, hass, config, monitoringInfo)`. The three sites are in `renderActivityView`, `renderAreaView`, and `_toggleExpand`.
-
-- [ ] **Step 3: Widen the toggle selector**
-
-In `_bindEvents`, change:
-
-```ts
-const togglePill = target.closest(".toggle-pill");
-if (togglePill) {
-```
-
-to:
-
-```ts
-const togglePill = target.closest(".toggle-pill, .list-status-toggle");
-if (togglePill) {
-```
-
-- [ ] **Step 4: Update `updateCollapsedRows` to keep badge class in sync**
-
-In `updateCollapsedRows`, after the existing `statusBadge.classList.toggle("list-status-on", isOn); statusBadge.classList.toggle("list-status-off", !isOn);`
-block, add:
-
-```ts
-if (statusBadge) {
-  const circuit2 = circuit; // already in scope
-  const isToggleable = circuit2.is_user_controllable !== false && !!circuit2.entities?.switch;
-  statusBadge.classList.toggle("list-status-toggle", isToggleable);
-}
-```
-
-(The existing `if (statusBadge)` block can be extended in place — just inline the toggleable class update into it instead of introducing a second `if`.)
-
-- [ ] **Step 5: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no TypeScript errors.
-
-- [ ] **Step 6: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all tests pass.
-
-- [ ] **Step 7: Commit Tasks 3–5 together**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/list-renderer.ts src/core/list-view-controller.ts tests/list-renderer.test.ts
-git commit -m "feat(list): chart-only expanded rows; gear + tappable badge on list row"
-```
-
----
-
-## Task 6: Widen `onToggleClick` to accept `.list-status-toggle`
-
-`DashboardController.onToggleClick` hardcodes `target.closest(".toggle-pill")` — without this change, taps on the new tappable badge are swallowed.
-
-**Files:**
-
-- Modify: `src/core/dashboard-controller.ts`
-
-- [ ] **Step 1: Locate the selector**
-
-Open `src/core/dashboard-controller.ts`. Around line 330 you'll see:
-
-```ts
-onToggleClick(ev: Event, root: DOMRoot): void {
-  const target = ev.target as HTMLElement | null;
-  const pill = target?.closest(".toggle-pill");
-  if (!pill) return;
-```
-
-- [ ] **Step 2: Widen the selector**
-
-Change the `.toggle-pill` closest call to:
-
-```ts
-const pill = target?.closest(".toggle-pill, .list-status-toggle");
-```
-
-No other changes — the ancestor `.closest("[data-uuid]")` already finds the list row because Task 4 added `data-uuid` to `.list-row`.
-
-- [ ] **Step 3: Typecheck**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm run typecheck`
-
-Expected: no errors.
-
-- [ ] **Step 4: Run all tests**
-
-Run: `cd /Users/bflood/projects/HA/cards/span-card && npm test`
-
-Expected: all tests pass.
-
-- [ ] **Step 5: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/core/dashboard-controller.ts
-git commit -m "fix(dashboard): accept .list-status-toggle as a toggle target"
-```
-
----
-
-## Task 7: CSS — gear, tappable badge, chart-only slot
-
-**Files:**
-
-- Modify: `src/card/card-styles.ts`
-
-- [ ] **Step 1: Read the current expanded-content styles**
-
-Open `src/card/card-styles.ts`. Locate the two blocks added in the Favorites feature:
-
-```css
-.list-expanded-content {
-  padding: 12px;
-  background: var(--card-background-color, #1c1c1c);
-  ...
-}
-
-.list-expanded-content .circuit-slot {
-  border: none;
-  margin: 0;
-  ...
-}
-```
-
-And note the current `.chart-container` height rule for the list view (search for `.list-expanded-content .chart-container` or the general `.chart-container`
-rule). Record the current height so the new chart-only rule matches it.
-
-- [ ] **Step 2: Add the new rules and remove the redundant override**
-
-Inside the styles template string, add these rules (place them near the existing `.list-expanded-content` block so related styles stay adjacent):
-
-```css
-/* ── List row gear ─────────────────────────────────────── */
-.list-row .gear-icon {
-  background: transparent;
-  border: none;
-  padding: 2px;
-  cursor: pointer;
-  color: #555;
-  display: inline-flex;
-  align-items: center;
-}
-.list-row .gear-icon:hover {
-  color: var(--primary-text-color);
-}
-
-/* ── Tappable status badge ─────────────────────────────── */
-.list-status-badge.list-status-toggle {
-  cursor: pointer;
-  user-select: none;
-}
-.list-status-badge.list-status-toggle:hover {
-  filter: brightness(1.15);
-}
-
-/* ── Chart-only expanded slot ──────────────────────────── */
-.circuit-slot.circuit-chart-only {
-  border: none;
-  padding: 8px 12px;
-  margin: 0;
-  /* Existing .circuit-alert / .circuit-custom-monitoring rules still apply. */
-}
-.circuit-slot.circuit-chart-only .chart-container {
-  width: 100%;
-  /* Keep chart height equal to the pre-change value (see Step 1). */
-  height: <VALUE_FROM_STEP_1>;
-}
-```
-
-Update `.list-expanded-content` padding from `12px` to `0`:
-
-```css
-.list-expanded-content {
-  padding: 0;
-  background: var(--card-background-color, #1c1c1c);
-  /* keep other existing properties */
-}
-```
-
-Delete the now-redundant:
-
-```css
-.list-expanded-content .circuit-slot {
-  border: none;
-  margin: 0;
-}
-```
-
-(Its behaviors are subsumed by the new `.circuit-slot.circuit-chart-only` rule.)
-
-- [ ] **Step 3: Build and visually verify**
-
-Run:
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-npm run build
-```
-
-Expected: build succeeds with no typecheck or rollup errors.
-
-- [ ] **Step 4: Commit**
-
-```bash
-cd /Users/bflood/projects/HA/cards/span-card
-git add src/card/card-styles.ts
-git commit -m "style: list-row gear, tappable badge, chart-only slot"
-```
-
----
-
-## Task 8: Sync built bundle into the HA integration and smoke-test
-
-**Files:**
-
-- Modify: `/Users/bflood/projects/HA/span/custom_components/span_panel/frontend/dist/*` (generated)
-
-- [ ] **Step 1: Sync the built bundle**
-
-Use the `sync-frontend` skill (preferred), or run the HA-side script:
-
-```bash
-cd /Users/bflood/projects/HA/span
-./scripts/build-frontend.sh
-```
-
-Expected: `custom_components/span_panel/frontend/dist/span-card.js` is updated.
-
-- [ ] **Step 2: Commit the synced bundle in the HA repo**
-
-```bash
-cd /Users/bflood/projects/HA/span
-git add custom_components/span_panel/frontend/dist/
-git commit -m "build: sync span-card bundle (compact expanded list rows)"
-```
-
-- [ ] **Step 3: Manual smoke tests (from the spec's test plan)**
-
-Reload the Home Assistant dashboard and the Favorites panel, then verify:
-
-1. **By-Activity view, Favorites panel:** expand a row — only the chart appears, no duplicated header/status. Chart height matches the previous layout.
-2. **By-Area view, Favorites panel:** same.
-3. **By-Activity / By-Area in the regular dashboard card:** same.
-4. **Gear on list row:** tap it — side panel opens for that circuit.
-5. **Tappable ON/OFF badge (controllable circuit):** tap it — after arming the panel-level "Enable switches" slide-to-confirm, the badge toggles state; row
-   re-sorts according to new state.
-6. **Non-controllable circuit (PV):** the badge shows ON/OFF but has no hover cursor, and taps do nothing.
-7. **Alert signaling:** a circuit with an active alert shows the alert border on the expanded chart slot.
-8. **Favorites state persistence:** reload the page — previously expanded rows remain expanded with their charts rendered.
-9. **Breaker grid view:** unchanged visually and behaviorally.
-
-- [ ] **Step 4: If smoke tests pass, you're done**
-
-If any smoke test fails, capture the failure mode and open a follow-up issue or fix in place before wrapping.
-
----
-
-## Self-review notes
-
-- **Spec coverage:** §1 (list row) → Task 4. §2 (expanded content) → Task 3. §3 (shared helper) → Tasks 1 & 2. §4 (controller wiring) → Tasks 5 & 6. §5 (CSS) →
-  Task 7. Verification points §1/§2/§3 → covered explicitly in Tasks 6, 4, and 7 respectively.
-- **Placeholders:** one intentional placeholder in Task 7 Step 2 (`<VALUE_FROM_STEP_1>`) — this is an instruction to read-and-replace a runtime value from the
-  current CSS, not a TBD for later.
-- **Type consistency:** `getCircuitStateClasses` signature matches across Task 1 definition, Task 2 call, and Task 3 call. `buildExpandedChartHTML` signature
-  defined in Task 3 matches import and call sites in Task 5.
diff --git a/docs/superpowers/specs/2026-04-15-error-management-design.md b/docs/superpowers/specs/2026-04-15-error-management-design.md
deleted file mode 100644
index 3c0dde0..0000000
--- a/docs/superpowers/specs/2026-04-15-error-management-design.md
+++ /dev/null
@@ -1,300 +0,0 @@
-# Error Management Design Spec
-
-**Date:** 2026-04-15 **Scope:** span-card frontend + span_panel backend (websocket.py) **Branch:** feature/favorites-view
-
-## Problem
-
-The span-card frontend has no user-facing error management for panel unavailability. When a SPAN panel goes offline:
-
-- Charts silently stop updating (`parseFloat("unavailable")` returns NaN, samples are skipped)
-- Switch toggles fail silently (console.error only)
-- Favorites, history, monitoring, and graph settings fetches fail silently
-- The only user-visible error display is `_showError()` inside the side panel, which auto-dismisses after 5 seconds and only covers service calls made from
-  within the side panel
-
-The backend already tracks `panel_offline` state in the coordinator and surfaces it via a `binary_sensor.*_panel_status` entity that is always available.
-Entities have per-type availability strategies. The frontend does not consume any of these signals.
-
-## Design Decisions
-
-| Decision                    | Choice                                                      | Rationale                                                                     |
-| --------------------------- | ----------------------------------------------------------- | ----------------------------------------------------------------------------- |
-| Card vs panel error UX      | Identical in both contexts                                  | Users expect consistent behavior                                              |
-| Retry behavior              | Automatic (3x backoff) + manual fallback                    | Handles transient failures automatically; gives user control after exhaustion |
-| Stale data visual treatment | Banner only, no opacity/degradation                         | Clean, non-distracting; banner is sufficient signal                           |
-| Panel status detection      | Watch `binary_sensor.*_panel_status`                        | Single source of truth maintained by coordinator                              |
-| Error display location      | Top-of-dashboard banner                                     | Side panel implies configuration, not system state                            |
-| Service call error location | Same top banner                                             | Consistent single location for all errors                                     |
-| Banner persistence          | State-driven; persistent errors stay until condition clears | Panel offline must never be displaced by transient errors                     |
-| Transient error stacking    | New transient replaces previous transient                   | Prevents banner noise from rapid failures                                     |
-
-## Architecture
-
-### ErrorStore (`src/core/error-store.ts`)
-
-Singleton class managing all active error state.
-
-#### Error Entry Shape
-
-```typescript
-interface ErrorEntry {
-  id: string; // unique key, e.g. "panel-offline", "service:set_threshold:abc123"
-  level: "info" | "warning" | "error";
-  message: string; // localized display string
-  persistent: boolean; // true = stays until explicitly cleared; false = auto-dismiss
-  ttl?: number; // auto-dismiss ms for transient errors (default 5000)
-  retryFn?: () => void; // optional retry callback, shown as "Retry" button
-  timestamp: number; // when the error was added
-}
-```
-
-#### Two-Lane Model
-
-- **Persistent lane** — entries with `persistent: true` (e.g., panel offline). Remain until explicitly removed via `ErrorStore.remove(id)`. Multiple persistent
-  errors can coexist (e.g., two panels both offline in the integration panel view). Never displaced by transient errors.
-- **Transient lane** — entries with `persistent: false` (e.g., failed service call). Auto-dismiss after `ttl` ms. Only one transient error is displayed at a
-  time — a new transient error replaces the previous one regardless of `id`. If the same `id` is re-added, the timer resets. This prevents banner noise from
-  rapid successive failures.
-
-#### API
-
-```typescript
-class ErrorStore {
-  add(entry: ErrorEntry): void;
-  remove(id: string): void;
-  clear(filter?: { persistent?: boolean }): void;
-  get active(): ErrorEntry[]; // persistent first, then transient
-  subscribe(cb: () => void): () => void; // returns unsubscribe fn
-  watchPanelStatus(hass: HomeAssistant, entityId: string): void;
-  updateHass(hass: HomeAssistant): void;
-}
-```
-
-#### Panel Status Watching
-
-- `watchPanelStatus(hass, entityId)` is called once after topology discovery with the `panel_status` binary sensor entity ID from the topology response.
-- On each `hass` property update, the card/panel calls `ErrorStore.updateHass(hass)`.
-- The store reads `hass.states[entityId].state`:
-  - `"off"` (panel offline) -> adds persistent `"panel-offline"` error at level `"error"`
-  - `"on"` -> removes the `"panel-offline"` error; briefly adds a transient `"info"` entry ("SPAN Panel reconnected")
-  - `"unavailable"` or `"unknown"` -> treated as offline
-
-### RetryManager (`src/core/retry-manager.ts`)
-
-Wraps async operations with automatic retry and backoff, dispatches to ErrorStore on exhaustion.
-
-#### Behavior
-
-- Wraps any `() => Promise<T>` call
-- On failure: retries up to 3 times with exponential backoff (1s, 2s, 4s)
-- On exhaustion: adds a transient error to the ErrorStore with failure message and optional retry callback
-- On success after prior failure: removes the error from the store
-- If the ErrorStore has an active `panel-offline` persistent error, skips automatic retries for service calls and immediately dispatches a transient error
-  ("Panel offline - action unavailable")
-
-#### API
-
-```typescript
-class RetryManager {
-  constructor(private store: ErrorStore) {}
-
-  async callWS<T>(hass: HomeAssistant, msg: Record<string, unknown>, opts?: { errorId?: string; errorMessage?: string; retries?: number }): Promise<T>;
-
-  async callService(
-    hass: HomeAssistant,
-    domain: string,
-    service: string,
-    data?: Record<string, unknown>,
-    target?: Record<string, unknown>,
-    opts?: { errorId?: string; errorMessage?: string; retries?: number }
-  ): Promise<void>;
-}
-```
-
-The `errorId` controls deduplication (e.g., all graph horizon calls share `"service:graph_horizon"`). If omitted, auto-generated from service/WS type.
-
-#### Scope
-
-RetryManager is for user-initiated actions (service calls) and one-shot fetches (topology discovery, history loads). It does NOT wrap data fetches that have
-their own 30-second polling caches (graph settings, monitoring status, favorites) — those caches re-attempt on the next poll cycle.
-
-### `<span-error-banner>` Component (`src/core/error-banner.ts`)
-
-LitElement custom element that renders active errors from the ErrorStore.
-
-#### Rendering Rules
-
-- Subscribes to ErrorStore on `connectedCallback`, unsubscribes on `disconnectedCallback`
-- Renders all persistent errors first, then the current transient error
-- Each error: icon (left) + message text + optional "Retry" button (right)
-- Colors via HA CSS variables:
-  - `error` level: `var(--error-color)` background tint
-  - `warning` level: `var(--warning-color)` background tint
-  - `info` level: `var(--info-color)` background tint
-- Icons: `mdi:alert-circle` (error), `mdi:alert` (warning), `mdi:information` (info)
-- Persistent errors: no dismiss button
-- Transient errors: no dismiss button, auto-dismiss via TTL
-- When no errors active: renders nothing (no reserved space)
-
-#### Placement
-
-- `span-panel-card.ts`: inside `<ha-card>`, above the tab bar and content
-- `span-panel.ts`: below the header/panel selector, above tab content
-- Same component in both contexts
-
-#### Styling
-
-- Full width of card/panel
-- Compact: small vertical padding, standard card font size
-- Stacked persistent + transient errors separated by thin divider
-- Entrance/exit: opacity fade transition (~200ms)
-
-## Backend Change
-
-### WebSocket Topology Response (`websocket.py`)
-
-Add the `panel_status` binary sensor entity ID to the topology response's entity map. Currently `_PANEL_SENSOR_KEYS` only resolves `sensor.*` entities. Add a
-parallel lookup for the binary sensor.
-
-The topology response `panel_entities` map gains:
-
-```json
-{
-  "panel_status": "binary_sensor.span_panel_xxx_panel_status"
-}
-```
-
-Implementation: add a helper function (e.g., `_resolve_panel_status_entity`) in `websocket.py` that uses the existing `build_binary_sensor_unique_id` from
-`id_builder.py` to construct the unique_id, then resolves the entity_id via `entity_registry.async_get_entity_id("binary_sensor", DOMAIN, unique_id)`. Call this
-helper alongside the existing `_build_panel_entity_map` call in `handle_panel_topology` and merge the result into the `panel_entities` dict.
-
-### Frontend Type Change (`types.ts`)
-
-Add `panel_status?: string` to the `PanelEntities` interface.
-
-## Integration Points
-
-### Side Panel (`side-panel.ts`)
-
-Remove `_showError()` method, `#error-msg` div element, and auto-dismiss timer. All ~15 call sites route through ErrorStore instead. The side panel receives the
-ErrorStore instance as a property.
-
-### Dashboard Controller (`dashboard-controller.ts`)
-
-- Switch toggle (line 367): replace `console.error` catch with RetryManager call
-- History refresh (line 314): replace silent catch with ErrorStore transient error ("Unable to load historical data")
-- Graph settings fetch (line 157): dispatch transient error on failure instead of silent fallback
-
-### Card (`span-panel-card.ts`)
-
-- Add `<span-error-banner>` to render output above tab bar
-- Create ErrorStore instance, pass to child components
-- Replace discovery error static div with ErrorStore persistent error + retry callback
-- Call `ErrorStore.watchPanelStatus()` after topology discovery
-- Call `ErrorStore.updateHass()` on each `hass` property update
-
-### Panel (`span-panel.ts`)
-
-- Add `<span-error-banner>` below header, above tab content
-- Create ErrorStore instance, pass to child components
-- Surface device discovery and favorites fetch errors
-- Call `ErrorStore.watchPanelStatus()` after discovery
-- Call `ErrorStore.updateHass()` on each `hass` property update
-
-### Tab Monitoring (`tab-monitoring.ts`)
-
-Replace silent `.catch(() => {})` patterns (lines 669, 679) with ErrorStore transient errors.
-
-### Cache Stores
-
-These already have 30s polling. On fetch failure, dispatch a transient error to ErrorStore in addition to returning cached/default data:
-
-- `monitoring-status.ts` — "Unable to load monitoring status"
-- `favorites-store.ts` — "Unable to load favorites"
-- `graph-settings.ts` — "Unable to load graph settings"
-
-### Area Resolver (`area-resolver.ts`)
-
-Replace silent subscription failure (line 94) with a transient warning via ErrorStore.
-
-### Card Discovery (`card-discovery.ts`)
-
-Wire retry callback into ErrorStore persistent error entry so the user can re-trigger discovery without reloading the dashboard.
-
-### Constants (`constants.ts`)
-
-Remove `ERROR_DISPLAY_MS` (5000ms). The ErrorStore defines its own `DEFAULT_ERROR_TTL = 5000` constant internally.
-
-## i18n Keys
-
-All new strings added to `i18n.ts` for all 5 locales (en, es, fr, ja, pt):
-
-### Persistent Errors
-
-| Key                         | English                         |
-| --------------------------- | ------------------------------- |
-| `error.panel_offline`       | SPAN Panel unreachable          |
-| `error.panel_offline_named` | SPAN Panel '{name}' unreachable |
-| `error.discovery_failed`    | Unable to connect to SPAN Panel |
-
-### Transient Errors
-
-| Key                             | English                             |
-| ------------------------------- | ----------------------------------- |
-| `error.service_failed`          | Action failed: {detail}             |
-| `error.relay_failed`            | Unable to toggle relay              |
-| `error.shedding_failed`         | Unable to update shedding priority  |
-| `error.threshold_failed`        | Unable to save threshold            |
-| `error.graph_horizon_failed`    | Unable to update graph time horizon |
-| `error.favorites_fetch_failed`  | Unable to load favorites            |
-| `error.favorites_toggle_failed` | Unable to update favorite           |
-| `error.history_failed`          | Unable to load historical data      |
-| `error.monitoring_failed`       | Unable to load monitoring status    |
-| `error.graph_settings_failed`   | Unable to load graph settings       |
-
-### Info
-
-| Key                       | English                |
-| ------------------------- | ---------------------- |
-| `error.panel_reconnected` | SPAN Panel reconnected |
-
-### UI
-
-| Key               | English                     |
-| ----------------- | --------------------------- |
-| `error.retry`     | Retry                       |
-| `card.connecting` | Connecting to SPAN Panel... |
-
-## File Impact Summary
-
-### New Files (3)
-
-| File                        | Purpose                          |
-| --------------------------- | -------------------------------- |
-| `src/core/error-store.ts`   | ErrorStore singleton             |
-| `src/core/retry-manager.ts` | RetryManager utility             |
-| `src/core/error-banner.ts`  | `<span-error-banner>` LitElement |
-
-### Backend Change (1)
-
-| File                                        | Change                                                |
-| ------------------------------------------- | ----------------------------------------------------- |
-| `custom_components/span_panel/websocket.py` | Add `panel_status` binary sensor to topology response |
-
-### Modified Frontend Files (12)
-
-| File                               | Change                                              |
-| ---------------------------------- | --------------------------------------------------- |
-| `src/core/side-panel.ts`           | Remove `_showError()`, route errors to ErrorStore   |
-| `src/core/dashboard-controller.ts` | Replace silent catches with ErrorStore/RetryManager |
-| `src/card/span-panel-card.ts`      | Add banner, ErrorStore, panel status watching       |
-| `src/panel/span-panel.ts`          | Add banner, ErrorStore, panel status watching       |
-| `src/panel/tab-monitoring.ts`      | Replace silent catches                              |
-| `src/core/monitoring-status.ts`    | Dispatch error on fetch failure                     |
-| `src/core/favorites-store.ts`      | Dispatch error on fetch failure                     |
-| `src/core/graph-settings.ts`       | Dispatch error on fetch failure                     |
-| `src/core/area-resolver.ts`        | Dispatch warning on failure                         |
-| `src/card/card-discovery.ts`       | Wire retry into ErrorStore                          |
-| `src/i18n.ts`                      | Add error keys for 5 locales                        |
-| `src/constants.ts`                 | Remove `ERROR_DISPLAY_MS`                           |
-| `src/types.ts`                     | Add `panel_status` to `PanelEntities`               |
diff --git a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md b/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
deleted file mode 100644
index 8e290a0..0000000
--- a/docs/superpowers/specs/2026-04-15-favorites-expanded-compact-design.md
+++ /dev/null
@@ -1,186 +0,0 @@
-# Favorites list view: compact expanded row
-
-Date: 2026-04-15 Repo: `span-card` (consumed by `span` HA integration)
-
-## Problem
-
-In the By-Area and By-Activity views, expanding a list row currently renders a full breaker "slot" above the chart: breaker badge, name, power/current value,
-toggle pill, shedding icon, utilization %, gear. Every value in that expanded header is already shown in the collapsed list row beside it. The duplication
-wastes vertical space that would be better used by the chart.
-
-The expanded view does contribute two things the collapsed row does not: a tappable on/off toggle, and a gear that opens the side panel for that circuit.
-
-## Goal
-
-Make the expanded list row show only the chart. Move the two unique controls into the collapsed row so they are always reachable without losing affordance.
-
-## Scope
-
-Applies to every invocation of `ListViewController` — both the Favorites full-page panel and the span-panel card dashboard's By-Area / By-Activity views.
-Breaker grid view is not affected.
-
-## Design
-
-### 1. List row (collapsed)
-
-New layout, left to right:
-
-```text
-[breaker badge] [name] [shedding] [util%] [ON/OFF badge*] [power] [gear] [chevron]
-```
-
-Changes versus today:
-
-- **Gear button** added between power and chevron. Uses the same `.gear-icon.circuit-gear` class and `data-uuid` attribute the breaker grid uses. Gear color
-  follows the existing "has custom overrides" rule (`MONITORING_COLORS.custom` vs `#555`). Clicks route to `DashboardController.onGearClick` via the existing
-  `.gear-icon` delegated handler — no new wiring.
-- **ON/OFF badge becomes tappable** only when `circuit.is_user_controllable !== false && circuit.entities?.switch`. When tappable the badge gains a
-  `list-status-toggle` class (adds `cursor: pointer`, hover state). When not tappable, the badge renders exactly as it does today — static.
-- Tappable badge clicks route to `DashboardController.onToggleClick`. Event delegation in `list-view-controller.ts` extends its toggle selector to
-  `.toggle-pill, .list-status-toggle`.
-
-The existing `list-status-on` / `list-status-off` classes continue to control badge color.
-
-OFF circuits continue to render an empty power cell.
-
-### 2. Expanded content (chart-only)
-
-New helper in `core/list-renderer.ts`:
-
-```ts
-export function buildExpandedChartHTML(
-  uuid: string,
-  circuit: Circuit,
-  hass: HomeAssistant,
-  config: CardConfig,
-  monitoringInfo: MonitoringPointInfo | null
-): string;
-```
-
-Produces:
-
-```html
-<div class="list-expanded-content" data-expanded-uuid="{uuid}">
-  <div class="circuit-slot circuit-chart-only {state-classes}" data-uuid="{uuid}">
-    <div class="chart-container"></div>
-  </div>
-</div>
-```
-
-Where `{state-classes}` is a space-joined string of any of `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring` — produced by a new
-shared helper (see §3).
-
-`buildExpandedCircuitHTML` is deleted. All three call sites in `list-view-controller.ts` switch to `buildExpandedChartHTML`.
-
-Preserving the `.circuit-slot[data-uuid]` wrapper is intentional: `DashboardController.updateDOM` walks that selector to attach charts to their
-`.chart-container`. Zero changes required in the chart-attachment pipeline.
-
-The `circuit-chart-only` class is a CSS-only marker (tight padding, full-bleed chart). It does not gate any logic.
-
-### 3. Shared state-class helper
-
-Extract into `core/list-renderer.ts` (or a new `core/circuit-state.ts` — picked during implementation based on import cleanliness):
-
-```ts
-export function getCircuitStateClasses(circuit: Circuit, monitoringInfo: MonitoringPointInfo | null, isOn: boolean, isProducer: boolean): string;
-```
-
-Returns a class string containing any of: `circuit-off`, `circuit-producer`, `circuit-alert`, `circuit-custom-monitoring`.
-
-`grid-renderer.ts` `renderCircuitSlot` adopts this same helper so grid and list stay in sync. This is the only factoring change in `renderCircuitSlot`.
-
-### 4. Event handling in `ListViewController`
-
-`_bindEvents` changes:
-
-- Toggle selector widens: `target.closest(".toggle-pill, .list-status-toggle")`.
-- Gear selector unchanged (`.gear-icon`). The list-row gear uses the same class, so it is already covered.
-
-`updateCollapsedRows` additions:
-
-- When a circuit flips, it already updates badge text and `list-status-on`/`list-status-off`. Also ensure `list-status-toggle` is added/removed if
-  controllability changes (rare, but cheap).
-- Sort logic and expanded-row pairing in `partitionRowGroups` / `reorderListRows` unchanged.
-
-`_toggleExpand`, `_applyFilter`, favorites state persistence (`FAVORITES_VIEW_STATE_CHANGED_EVENT`, `_expandedUuids`, `_searchQuery`) all unchanged.
-
-### 5. CSS (`card/card-styles.ts`)
-
-Add:
-
-```css
-.list-row .gear-icon {
-  background: transparent;
-  border: none;
-  padding: 2px;
-  cursor: pointer;
-  color: #555;
-  display: inline-flex;
-  align-items: center;
-}
-.list-row .gear-icon:hover {
-  color: var(--primary-text-color);
-}
-
-.list-status-badge.list-status-toggle {
-  cursor: pointer;
-  user-select: none;
-}
-.list-status-badge.list-status-toggle:hover {
-  filter: brightness(1.15);
-}
-
-.list-expanded-content {
-  padding: 0;
-}
-
-.circuit-slot.circuit-chart-only {
-  border: none;
-  padding: 8px 12px;
-  margin: 0;
-}
-```
-
-Chart height within `.circuit-chart-only .chart-container` must match today's expanded chart height. Exact value is pinned during implementation by reading the
-current rule; noted as a verification point.
-
-Remove the now-redundant `.list-expanded-content .circuit-slot { border: none; margin: 0; }` override.
-
-Existing `.circuit-alert` / `.circuit-custom-monitoring` rules continue to style `.circuit-slot` and therefore also apply to `.circuit-slot.circuit-chart-only`
-— alert/custom border signaling is preserved on the expanded chart.
-
-## Files touched
-
-- `src/core/list-renderer.ts` — add `buildExpandedChartHTML`, update `buildListRowHTML` (gear, tappable badge), extract `getCircuitStateClasses`, delete
-  `buildExpandedCircuitHTML`.
-- `src/core/grid-renderer.ts` — adopt `getCircuitStateClasses` in `renderCircuitSlot`.
-- `src/core/list-view-controller.ts` — swap renderer at three sites; widen toggle selector; badge-class upkeep in `updateCollapsedRows`.
-- `src/card/card-styles.ts` — gear rules, tappable badge rules, chart-only slot rules; remove redundant override.
-
-Not touched: `panel/span-panel.ts`, `card/span-panel-card.ts`, `core/dashboard-controller.ts`, `core/header-renderer.ts`, `core/favorites-*`,
-`core/area-resolver.ts`, `core/history-loader.ts`, `core/graph-settings.ts`, chart module, side panel.
-
-## Verification points for implementation
-
-1. Confirm `DashboardController.onToggleClick` resolves `data-uuid` from an ancestor that reaches `.list-row`. If today the lookup walks only to
-   `.circuit-slot`, widen to `.circuit-slot, .list-row`.
-2. Enumerate tests that assert presence of `.circuit-header` / `.circuit-status` inside expanded content; update them to the new chart-only structure.
-3. Measure current `.chart-container` height in an expanded list row and match it in the new rule so the change does not shrink the chart.
-
-## Manual test plan
-
-- Expand rows in By-Activity and By-Area, in both Favorites and the regular dashboard card.
-- Confirm header/status no longer duplicate list-row info.
-- Tap the ON/OFF badge on a controllable circuit: state flips, row re-sorts, badge color updates.
-- Tap the ON/OFF badge on a non-controllable (PV) circuit: nothing happens, no hover cursor.
-- Tap the list-row gear: side panel opens for that circuit.
-- Trigger a monitoring alert: expanded chart area shows the alert border.
-- Reload the Favorites page: expansion state restores; chart remounts; no layout jumps.
-- Breaker grid view: unchanged.
-
-## Out of scope
-
-- Adding alert/error visuals to the collapsed list row.
-- Restyling the side panel or breaker-grid view.
-- Any change to the tab bar, monitoring tabs, or settings.
-- Changes to `span` HA integration backend code.

From 2baab6b5f46c218d30e26205d6562b1629396289 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 22:39:43 -0700
Subject: [PATCH 71/97] docs: add CLAUDE.md with doc artifact location and
 attribution rules

Specifies that design docs, specs, plans, and superpowers artifacts
belong in the SpanPanel_Docs workspace rather than this repo,
matching the AGENTS.md convention in the sibling span integration.
---
 CLAUDE.md | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 CLAUDE.md

diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..62d0a77
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,29 @@
+# CLAUDE.md
+
+## Doc Artifacts
+
+Design docs, specs, plans, brainstorming output, and superpowers artifacts for this repo live in the SpanPanel_Docs workspace, NOT in this repo:
+
+- `/Users/bflood/projects/HA/SpanPanel_Docs/span/docs/superpowers/plans/` — superpowers plan artifacts
+- `/Users/bflood/projects/HA/SpanPanel_Docs/span/docs/superpowers/specs/` — superpowers spec artifacts
+- `/Users/bflood/projects/HA/SpanPanel_Docs/span/docs/dev/` — developer plans, specs, design documents
+
+When invoking the brainstorming or writing-plans skill, override its default location (which is `docs/superpowers/...` in the current repo) with the correct
+path in SpanPanel_Docs. Never write `.md` design artifacts into this repo.
+
+If a doc was already written to the wrong location, copy it to the correct location before removing from this repo. Do not auto-commit in SpanPanel_Docs since
+that repo may have unrelated pending changes — leave new files as untracked for the user to commit.
+
+This matches the AGENTS.md convention in the sibling `span` integration repo (`/Users/bflood/projects/HA/span/AGENTS.md`) — the two repos are maintained
+together and share the same doc-artifact rule.
+
+## Attribution
+
+Never include references to AI models, AI assistants, or AI-generated content in any code, comments, commit messages, PR descriptions, documentation, or other
+output. This includes "Co-Authored-By" tags, "Generated with" footers, and any similar attribution.
+
+## Related
+
+- Sibling integration repo: `/Users/bflood/projects/HA/span` (has its own AGENTS.md with the integration-specific conventions)
+- After any change under `src/`, the integration's bundled JS must be rebuilt and copied via the `sync-frontend` skill or
+  `/Users/bflood/projects/HA/span/scripts/build-frontend.sh`.

From e2f178ff8dbe640a7b0bfa0d1bdd5e481933dec2 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 23:11:52 -0700
Subject: [PATCH 72/97] fix: address Copilot review comments on PR #10

- Reset _watchedPanelId on discoverTopology failure so same panel can retry
- Clear _persistFavoritesViewStateTimer in disconnectedCallback to prevent leaks
- Wrap _fetchGraphSettingsFresh and _fetchMonitoringStatusFresh with RetryManager and add console.warn on failure
- Thread RetryManager through FavoritesController.build() via optional errorStore param; update caller and test
---
 src/core/dashboard-controller.ts   | 29 +++++++++++++++++++++++------
 src/core/favorites-controller.ts   |  8 ++++++--
 src/panel/span-panel.ts            | 10 +++++++++-
 tests/favorites-controller.test.ts |  2 +-
 4 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 27edd42..048723e 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -8,6 +8,7 @@ import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatu
 import { GraphSettingsCache } from "./graph-settings.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
+import { RetryManager } from "./retry-manager.js";
 import { t } from "../i18n.js";
 
 const RECORDER_REFRESH_MS = 30_000;
@@ -533,15 +534,23 @@ export class DashboardController {
     try {
       const serviceData: Record<string, string> = {};
       if (entryId) serviceData.config_entry_id = entryId;
-      const resp = await this._hass.callWS<{ response?: GraphSettings }>({
+      const msg = {
         type: "call_service",
         domain: INTEGRATION_DOMAIN,
         service: "get_graph_settings",
         service_data: serviceData,
         return_response: true,
-      });
+      };
+      const retry = this._errorStore ? new RetryManager(this._errorStore) : null;
+      const resp = retry
+        ? await retry.callWS<{ response?: GraphSettings }>(this._hass, msg, {
+            errorId: "fetch:graph_settings",
+            errorMessage: t("error.graph_settings_failed"),
+          })
+        : await this._hass.callWS<{ response?: GraphSettings }>(msg);
       return resp?.response ?? null;
-    } catch {
+    } catch (err) {
+      console.warn("SPAN Panel: fresh graph settings fetch failed", err);
       return null;
     }
   }
@@ -551,17 +560,25 @@ export class DashboardController {
     try {
       const serviceData: Record<string, string> = {};
       if (entryId) serviceData.config_entry_id = entryId;
-      const resp = await this._hass.callWS<{ response?: MonitoringStatusResponse }>({
+      const msg = {
         type: "call_service",
         domain: INTEGRATION_DOMAIN,
         service: "get_monitoring_status",
         service_data: serviceData,
         return_response: true,
-      });
+      };
+      const retry = this._errorStore ? new RetryManager(this._errorStore) : null;
+      const resp = retry
+        ? await retry.callWS<{ response?: MonitoringStatusResponse }>(this._hass, msg, {
+            errorId: "fetch:monitoring",
+            errorMessage: t("error.monitoring_failed"),
+          })
+        : await this._hass.callWS<{ response?: MonitoringStatusResponse }>(msg);
       const response = resp?.response;
       if (!response) return null;
       return { circuits: response.circuits, mains: response.mains };
-    } catch {
+    } catch (err) {
+      console.warn("SPAN Panel: fresh monitoring status fetch failed", err);
       return null;
     }
   }
diff --git a/src/core/favorites-controller.ts b/src/core/favorites-controller.ts
index f15cc9e..41160a5 100644
--- a/src/core/favorites-controller.ts
+++ b/src/core/favorites-controller.ts
@@ -1,5 +1,7 @@
 // src/core/favorites-controller.ts
 import { discoverTopology } from "../card/card-discovery.js";
+import { RetryManager } from "./retry-manager.js";
+import type { ErrorStore } from "./error-store.js";
 import type { FavoriteRef, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice, PanelTopology } from "../types.js";
 
 const COMPOSITE_SEPARATOR = "|";
@@ -35,10 +37,12 @@ export interface FavoritesBuildResult {
  * cannot collide; ``_favoriteRefs`` records the origin of each.
  */
 export class FavoritesController {
-  async build(hass: HomeAssistant, favorites: FavoritesMap, panels: PanelDevice[]): Promise<FavoritesBuildResult> {
+  async build(hass: HomeAssistant, favorites: FavoritesMap, panels: PanelDevice[], errorStore?: ErrorStore | null): Promise<FavoritesBuildResult> {
     const panelsById = new Map<string, PanelDevice>();
     for (const p of panels) panelsById.set(p.id, p);
 
+    const retry = errorStore ? new RetryManager(errorStore) : null;
+
     const fetches: Promise<{
       panelDeviceId: string;
       panel: PanelDevice;
@@ -52,7 +56,7 @@ export class FavoritesController {
       fetches.push(
         (async () => {
           try {
-            const result = await discoverTopology(hass, panelDeviceId);
+            const result = await discoverTopology(hass, panelDeviceId, retry);
             return { panelDeviceId, panel, topology: result.topology };
           } catch (err) {
             console.warn("SPAN Panel: favorites topology fetch failed", panelDeviceId, err);
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 5cd74e0..7e44b80 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -238,6 +238,10 @@ export class SpanPanelElement extends LitElement {
       this._onFavoritesChanged = null;
     }
     this._unsubscribeDeviceRegistry();
+    if (this._persistFavoritesViewStateTimer) {
+      clearTimeout(this._persistFavoritesViewStateTimer);
+      this._persistFavoritesViewStateTimer = null;
+    }
     this._errorStore.dispose();
     super.disconnectedCallback();
   }
@@ -593,6 +597,10 @@ export class SpanPanelElement extends LitElement {
       }
     } catch (err) {
       console.warn("SPAN Panel: unable to fetch topology for panel status watching", err);
+      // Reset so a retry (e.g., user re-selects same panel) can attempt the fetch again.
+      if (this._watchedPanelId === targetPanelId) {
+        this._watchedPanelId = null;
+      }
     }
   }
 
@@ -975,7 +983,7 @@ export class SpanPanelElement extends LitElement {
     if (!this.hass) return;
 
     const realPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
-    const build = await this._favCtrl.build(this.hass, this._favorites, realPanels);
+    const build = await this._favCtrl.build(this.hass, this._favorites, realPanels, this._errorStore);
     if (superseded()) return;
     const merged = build.topology;
     const primaryEntryId = build.entryIds[0] ?? null;
diff --git a/tests/favorites-controller.test.ts b/tests/favorites-controller.test.ts
index fca3c12..564bf5e 100644
--- a/tests/favorites-controller.test.ts
+++ b/tests/favorites-controller.test.ts
@@ -123,7 +123,7 @@ describe("FavoritesController.build", () => {
     expect(Object.keys(result.topology.circuits)).toHaveLength(1);
     expect(result.topology.circuits[buildCompositeId("panel-1", "uuid-a")]).toBeDefined();
     expect(mockDiscover).toHaveBeenCalledTimes(1);
-    expect(mockDiscover).toHaveBeenCalledWith(hass, "panel-1");
+    expect(mockDiscover).toHaveBeenCalledWith(hass, "panel-1", null);
   });
 
   it("discoverTopology rejection for one panel → that panel dropped, others still merge", async () => {

From 120be0a8bab58175793df4ac5ce126190f6d0025 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Wed, 15 Apr 2026 23:16:10 -0700
Subject: [PATCH 73/97] build: rebuild dist bundle (Copilot review fixes)

---
 dist/span-panel-card.js | 2 +-
 dist/span-panel.js      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index d87e34e..6e35965 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function et(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ye(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${et(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const nt={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function lt(e){return at(e,nt)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ut(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function _t(e){const t=r[e];return t?t.ms:r[o].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function wt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(n),l=mt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:lt(n)};n.type===d&&(e.soc=ct(n),e.soe=dt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function St(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(yt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(wt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ct(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Pt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,zt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(n),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=gt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Et(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?_t(r.get(s)):a,p=d.device_type===c;Ct(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=gt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${$t(n)}"]`);if(!i)continue;const l=lt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(n)?_t(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${$t(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ye(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ze(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Ke(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function et(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ye(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${et(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const nt={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function lt(e){return at(e,nt)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ut(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function _t(e){const t=r[e];return t?t.ms:r[o].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function wt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(n),l=mt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:lt(n)};n.type===d&&(e.soc=ct(n),e.soe=dt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function St(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(yt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(wt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ct(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Pt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,zt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(n),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=gt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Et(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?_t(r.get(s)):a,p=d.device_type===c;Ct(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=gt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${$t(n)}"]`);if(!i)continue;const l=lt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(n)?_t(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${$t(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ye(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ze(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Ke(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index f5882f5..2838165 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -15,7 +15,7 @@ const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,j=e=>e,U=q.trustedTypes,G=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,W="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+W+i.slice(c)+V+h):i+V+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(W)){const t=c[o++],i=n.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),n.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(V),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new ve(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const q=globalThis,j=e=>e,U=q.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+G+i.slice(c)+V+h):i+V+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(G)){const t=c[o++],i=n.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),n.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(V),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new ve(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,7 +46,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:i("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:i("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}function je(e){return new Promise(t=>setTimeout(t,e))}class Ue{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await je(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function We(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}class Ve{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:r,service:"get_favorites",service_data:{},return_response:!0},n=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:i("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=n?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:i("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Be(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=i("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=v[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const i=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,n=this._createHeader(He(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await We(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await We(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),i?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=He(e),o=He(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Qe){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:i("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:i("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}function je(e){return new Promise(t=>setTimeout(t,e))}class Ue{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await je(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const We="favorites-changed";async function Ge(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}class Ve{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:r,service:"get_favorites",service_data:{},return_response:!0},n=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:i("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=n?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:i("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Be(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=i("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=v[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const i=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,n=this._createHeader(He(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Ge(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(We)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await Ge(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(We)),i?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=He(e),o=He(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Qe){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -102,7 +102,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function _t(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${gt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Et(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Pt(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function zt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function Mt(e){const t=o[e];return t?t.ms:o[s].ms}function Nt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Nt(n),l=It(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:St(n)};n.type===c&&(e.soc=$t(n),e.soe=Ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ot(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):At(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):At(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Ft(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Rt(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function Ut(e,t,n,s,o,r){if(!e||!n||!t)return;const c=At(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?Mt(r.get(s)):c,p=d.device_type===l;Rt(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Wt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Vt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Wt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Wt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(n,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(n),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ht(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(r),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ot(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=At(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${qt(n)}"]`);if(!i)continue;const l=St(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(n)?Mt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${qt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0});return i?.response??null}catch{return null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i=await this._hass.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0}),n=i?.response;return n?{circuits:n.circuits,mains:n.mains}:null}catch{return null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",ei="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ti(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ii{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${ei}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${ei}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ni(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${gt(o)}">${Math.round(e)}%</span>`}const k=!!o&&ut(o)?f:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function oi(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ri(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ai(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function li(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function ci(e,t,i,n){const s=ai(e,i,n),o=ai(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function di(e,t,i){return e.sort((e,n)=>ci(e[1],n[1],t,i))}function hi(e){return e.entities?.current??e.entities?.power??""}class pi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=di(Object.entries(i.circuits),t,n);let a=o+ni(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,hi(i)),r=li(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=si(e,i,t,n,o,r,l),l&&(a+=oi(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ni(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=di(i,t,s);d+=ri(e);for(const[e,i]of n){const n=pt(o,hi(i)),r=li(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=si(e,i,t,s,n,r,a),a&&(d+=oi(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ai(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>ci(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,hi(t)),o=oi(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ui(e,t){return`${e}|${t}`}class gi{async build(e,t,i){const n=new Map;for(const e of i)n.set(e.id,e);const s=[];for(const[i,o]of Object.entries(t)){if(!((o?.circuits?.length??0)>0||(o?.sub_devices?.length??0)>0))continue;const t=n.get(i);t&&s.push((async()=>{try{const n=await Ze(e,i);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const o=(await Promise.all(s)).filter(e=>null!==e.topology),r=o.length>1,a={},l={},c={},d=new Set,h=[];for(const{panelDeviceId:e,panel:i,topology:n}of o){if(!n)continue;const s=i.config_entries?.[0]??null;s&&d.add(s);const o=i.name_by_user??i.name??n.device_name??"";h.push({panelDeviceId:e,panelName:o,topology:n});const p=t[e],u=p?.circuits??[],g=p?.sub_devices??[];for(const t of u){const i=n.circuits?.[t];if(!i)continue;const l=ui(e,t),d=r&&o?`${o} · ${i.name}`:i.name;a[l]={...i,name:d},c[l]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const a=ui(e,t),d=r&&o&&i.name?`${o} · ${i.name}`:i.name??t;l[a]={...i,name:d},c[a]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:a,sub_devices:l,panel_entities:{},device_name:"",_favoriteRefs:c},entryIds:Array.from(d),perPanelStats:h}}}const _i="span_panel_favorites_view_state";function fi(e){try{localStorage.setItem(_i,JSON.stringify(e))}catch{}}var vi;const mi="favorites";let bi=vi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new ii,this._listDashCtrl=new Bt,this._listCtrl=new pi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new gi,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==mi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
+  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function _t(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${gt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Et(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Pt(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function zt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function Mt(e){const t=o[e];return t?t.ms:o[s].ms}function Nt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Nt(n),l=It(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:St(n)};n.type===c&&(e.soc=$t(n),e.soe=Ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ot(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):At(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):At(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Ft(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Rt(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function Ut(e,t,n,s,o,r){if(!e||!n||!t)return;const c=At(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?Mt(r.get(s)):c,p=d.device_type===l;Rt(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Wt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Gt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Vt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Wt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Gt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Gt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(n,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(n),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ht(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(r),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ot(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=At(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${qt(n)}"]`);if(!i)continue;const l=St(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(n)?Mt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${qt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),a=o?.response;return a?{circuits:a.circuits,mains:a.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",ei="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ti(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ii{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${ei}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${ei}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ni(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${gt(o)}">${Math.round(e)}%</span>`}const k=!!o&&ut(o)?f:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function oi(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ri(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ai(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function li(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function ci(e,t,i,n){const s=ai(e,i,n),o=ai(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function di(e,t,i){return e.sort((e,n)=>ci(e[1],n[1],t,i))}function hi(e){return e.entities?.current??e.entities?.power??""}class pi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=di(Object.entries(i.circuits),t,n);let a=o+ni(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,hi(i)),r=li(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=si(e,i,t,n,o,r,l),l&&(a+=oi(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ni(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=di(i,t,s);d+=ri(e);for(const[e,i]of n){const n=pt(o,hi(i)),r=li(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=si(e,i,t,s,n,r,a),a&&(d+=oi(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ai(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>ci(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,hi(t)),o=oi(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ui(e,t){return`${e}|${t}`}class gi{async build(e,t,i,n){const s=new Map;for(const e of i)s.set(e.id,e);const o=n?new Ue(n):null,r=[];for(const[i,n]of Object.entries(t)){if(!((n?.circuits?.length??0)>0||(n?.sub_devices?.length??0)>0))continue;const t=s.get(i);t&&r.push((async()=>{try{const n=await Ze(e,i,o);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:i,topology:n}of a){if(!n)continue;const s=i.config_entries?.[0]??null;s&&p.add(s);const o=i.name_by_user??i.name??n.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:n});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const i=n.circuits?.[t];if(!i)continue;const r=ui(e,t),a=l&&o?`${o} · ${i.name}`:i.name;c[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const r=ui(e,t),a=l&&o&&i.name?`${o} · ${i.name}`:i.name??t;d[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const _i="span_panel_favorites_view_state";function fi(e){try{localStorage.setItem(_i,JSON.stringify(e))}catch{}}var vi;const mi="favorites";let bi=vi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new ii,this._listDashCtrl=new Bt,this._listCtrl=new pi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new gi,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(We,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(We,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==mi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===mi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,fi(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,fi(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==mi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===mi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(e){console.warn("SPAN Panel: unable to fetch topology for panel status watching",e)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(_i);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===mi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:mi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===mi;this._favorites=t;const n=this._panels.filter(e=>e.id!==mi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(_i)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(i.panelDeviceId)}"]`);n&&jt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==mi),s=await this._favCtrl.build(this.hass,this._favorites,n);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ii;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};bi._shellStyles=$`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===mi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,fi(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,fi(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==mi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===mi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(_i);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===mi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:mi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===mi;this._favorites=t;const n=this._panels.filter(e=>e.id!==mi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(_i)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(i.panelDeviceId)}"]`);n&&jt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==mi),s=await this._favCtrl.build(this.hass,this._favorites,n,this._errorStore);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ii;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};bi._shellStyles=$`
     :host {
       color: var(--primary-text-color);
     }

From 64ce0c791f6345d317cbdede24b839beb00ea0c2 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 00:04:19 -0700
Subject: [PATCH 74/97] fall back to live current/breaker rating for
 utilization pct

---
 dist/span-panel-card.js   | 10 +++++-----
 dist/span-panel.js        |  6 +++---
 src/core/grid-renderer.ts | 18 ++++++++++++------
 src/core/list-renderer.ts | 18 ++++++++++++------
 4 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 6e35965..e166dc4 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,13 +36,13 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function et(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="";if(null!=d?.utilization_pct){const e=d.utilization_pct;N=`<span class="utilization ${Ye(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${et(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function it(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const nt={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function lt(e){return at(e,nt)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function ut(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function _t(e){const t=r[e];return t?t.ms:r[o].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function wt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(n),l=mt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:lt(n)};n.type===d&&(e.soc=ct(n),e.soe=dt(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function St(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(yt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(wt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ct(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function Pt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,zt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(n,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(n),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=gt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}Et(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?_t(r.get(s)):a,p=d.device_type===c;Ct(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=gt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${$t(n)}"]`);if(!i)continue;const l=lt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(n)?_t(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${$t(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="";if(null!=o?.utilization_pct){const e=o.utilization_pct;$=`<span class="utilization ${Ye(o)}">${Math.round(e)}%</span>`}const E=!!o&&Ze(o)?m:"#555",k=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${E};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${k}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function Dt(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Tt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Ht(e,t,i,n){const s=Dt(e,i,n),o=Dt(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,i){return e.sort((e,n)=>Ht(e[1],n[1],t,i))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ot(Object.entries(i.circuits),t,n);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Rt(i)),r=Tt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Mt(e,i,t,n,o,r,l),l&&(a+=Lt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ot(i,t,s);d+=It(e);for(const[e,i]of n){const n=Ke(o,Rt(i)),r=Tt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Mt(e,i,t,s,n,r,a),a&&(d+=Lt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Ht(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Vt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Jt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function et(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,i=e?r.states[e]:null,n=i?Math.abs(parseFloat(i.state)||0):0;M=Math.round(n/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${Ye(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function tt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},nt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},st={names:["state of energy"],suffixes:["_soe_kwh"]},ot={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function rt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function at(e){return rt(e,it)}function lt(e){return rt(e,nt)}function ct(e){return rt(e,st)}function dt(e){return rt(e,ot)}function ht(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function pt(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ut(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function gt(e){const t=r[e];return t?t.ms:r[o].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ft(e){return Math.max(500,Math.floor(e/5e3))}function mt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function vt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function bt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(n),l=ft(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,vt(t,a,l))}}}function wt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:at(n)};n.type===d&&(e.soc=lt(n),e.soe=ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function xt(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?gt(s.get(e)):ut(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of wt(t)){let t;t=o&&o.has(s)?gt(o.get(s)):ut(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(bt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(yt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function St(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function Ct(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function $t(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Et{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function kt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function zt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class Pt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new Et,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,kt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,zt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,kt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,zt(n,s))}}async loadHistory(){await xt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=gt(n),d=_t(c),h=ft(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||mt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of wt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=gt(s),d=_t(c),h=ft(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||mt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of wt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await xt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=ut(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}$t(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Ct(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?gt(r.get(s)):a,p=d.device_type===c;St(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=ut(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${Ct(n)}"]`);if(!i)continue;const l=at(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");St(e,t,a,o?.has(n)?gt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${Ct(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function At(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Nt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ze(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${k};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ye(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Lt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function It(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Dt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Tt(e,t,i,n){const s=It(e,i,n),o=It(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ht(e,t,i){return e.sort((e,n)=>Tt(e[1],n[1],t,i))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ht(Object.entries(i.circuits),t,n);let a=o+At(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Ot(i)),r=Dt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Nt(e,i,t,n,o,r,l),l&&(a+=Mt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+At(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ht(i,t,s);d+=Lt(e);for(const[e,i]of n){const n=Ke(o,Ot(i)),r=Dt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Nt(e,i,t,s,n,r,a),a&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=It(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Tt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Ct(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Ot(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ft(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class jt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ut(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Wt="favorites-changed";async function Bt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Gt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Vt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Bt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Wt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Bt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Wt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Gt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Vt)}catch{}let Qt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:ce}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};Jt.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new S(i,e,w)})`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};Qt.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new S(i,e,w)})`
     :host {
       display: block;
     }
@@ -92,7 +92,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Ne()],Jt.prototype,"_errors",void 0),Jt=v([ke("span-error-banner")],Jt);const Xt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Kt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ft(this._ctrl),this._errorStore=new qt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(i(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
+  `,v([Ne()],Qt.prototype,"_errors",void 0),Qt=v([ke("span-error-banner")],Qt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new Pt,this._listCtrl=new Rt(this._ctrl),this._errorStore=new jt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(i(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
         <ha-card>
           <span-error-banner .store=${this._errorStore}></span-error-banner>
           ${e?ce:ae`<div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.connecting"))}</div>`}
@@ -110,7 +110,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Qe(this._errorStore);try{const t=await async function(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??Ut(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=Wt((i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,i){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,l]=await Promise.all([i?i.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),i?i.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=l.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=l.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof n.voltage?n.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===a&&(f=e[1]);let m=0;for(const t of d){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){m=i.attributes.panel_size;break}}if(m||(m=Ut(g)),!m)throw new Error(n("card.panel_size_error"));const v={};for(const t of h){const i=l.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),s=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??n("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ke(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=it(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=it(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=lt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Xt.map(e=>ae`
+    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ft(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Qe(this._errorStore);try{const t=await async function(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=Ut((i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l)).find(e=>e.id===t));return await Ft(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,i){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,l]=await Promise.all([i?i.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),i?i.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Ut(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=l.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=l.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof n.voltage?n.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===a&&(f=e[1]);let m=0;for(const t of d){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){m=i.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(n("card.panel_size_error"));const v={};for(const t of h){const i=l.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),s=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??n("header.default_name"),circuits:g,sub_devices:v};return await Ft(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ke(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=et(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=tt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=et(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=tt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=et(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=at(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?lt(s):null,m=g?ct(s):null,v=g?dt(s):null,b=ht(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=pt(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>ae`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -133,4 +133,4 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Kt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Kt.prototype,"hass",void 0),v([Ne()],Kt.prototype,"_config",void 0),v([Ne()],Kt.prototype,"_discovered",void 0),v([Ne()],Kt.prototype,"_discovering",void 0),v([Ne()],Kt.prototype,"_topology",void 0),v([Ne()],Kt.prototype,"_activeTab",void 0),Kt=v([ke("span-panel-card")],Kt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===a)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===a)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.panel_label"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=n("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_window"),r.style.cssText=i;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=n,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",n("editor.days")),g=c(h,"0","23",n("editor.hours")),_=c(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_metric"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.tab_style"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[n],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??n;const c=i.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${a}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Xt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Xt.prototype,"hass",void 0),v([Ne()],Xt.prototype,"_config",void 0),v([Ne()],Xt.prototype,"_discovered",void 0),v([Ne()],Xt.prototype,"_discovering",void 0),v([Ne()],Xt.prototype,"_topology",void 0),v([Ne()],Xt.prototype,"_activeTab",void 0),Xt=v([ke("span-panel-card")],Xt);class Kt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===a)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===a)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.panel_label"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=n("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_window"),r.style.cssText=i;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=n,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",n("editor.days")),g=c(h,"0","23",n("editor.hours")),_=c(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_metric"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.tab_style"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[n],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??n;const c=i.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${a}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Kt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 2838165..e1a0248 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -102,7 +102,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e){if(!e?.utilization_pct)return"";const t=e.utilization_pct;return t>=100?"utilization-alert":t>=80?"utilization-warning":"utilization-normal"}function _t(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="";if(null!=d?.utilization_pct){const e=d.utilization_pct;M=`<span class="utilization ${gt(d)}">${Math.round(e)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Et(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Pt(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Pt(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function zt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function Mt(e){const t=o[e];return t?t.ms:o[s].ms}function Nt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Ft(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Nt(n),l=It(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:St(n)};n.type===c&&(e.soc=$t(n),e.soe=Ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ot(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):At(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):At(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Ft(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Rt(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function Ut(e,t,n,s,o,r){if(!e||!n||!t)return;const c=At(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?Mt(r.get(s)):c,p=d.device_type===l;Rt(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Wt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Gt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Vt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Wt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Gt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Gt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(n,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(n),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ht(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(r),d=Nt(c),h=It(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ot(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=At(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${qt(n)}"]`);if(!i)continue;const l=St(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(n)?Mt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${qt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),a=o?.response;return a?{circuits:a.circuits,mains:a.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Kt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",ei="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ti(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ii{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ti(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ti(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ti(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ti(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Kt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Zt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Kt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${ei}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${Yt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${ei}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ni(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="";if(null!=o?.utilization_pct){const e=o.utilization_pct;C=`<span class="utilization ${gt(o)}">${Math.round(e)}%</span>`}const k=!!o&&ut(o)?f:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function oi(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ri(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ai(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function li(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function ci(e,t,i,n){const s=ai(e,i,n),o=ai(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function di(e,t,i){return e.sort((e,n)=>ci(e[1],n[1],t,i))}function hi(e){return e.entities?.current??e.entities?.power??""}class pi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=di(Object.entries(i.circuits),t,n);let a=o+ni(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,hi(i)),r=li(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=si(e,i,t,n,o,r,l),l&&(a+=oi(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ni(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=di(i,t,s);d+=ri(e);for(const[e,i]of n){const n=pt(o,hi(i)),r=li(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=si(e,i,t,s,n,r,a),a&&(d+=oi(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ai(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>ci(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,hi(t)),o=oi(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function ui(e,t){return`${e}|${t}`}class gi{async build(e,t,i,n){const s=new Map;for(const e of i)s.set(e.id,e);const o=n?new Ue(n):null,r=[];for(const[i,n]of Object.entries(t)){if(!((n?.circuits?.length??0)>0||(n?.sub_devices?.length??0)>0))continue;const t=s.get(i);t&&r.push((async()=>{try{const n=await Ze(e,i,o);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:i,topology:n}of a){if(!n)continue;const s=i.config_entries?.[0]??null;s&&p.add(s);const o=i.name_by_user??i.name??n.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:n});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const i=n.circuits?.[t];if(!i)continue;const r=ui(e,t),a=l&&o?`${o} · ${i.name}`:i.name;c[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const r=ui(e,t),a=l&&o&&i.name?`${o} · ${i.name}`:i.name??t;d[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const _i="span_panel_favorites_view_state";function fi(e){try{localStorage.setItem(_i,JSON.stringify(e))}catch{}}var vi;const mi="favorites";let bi=vi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new ii,this._listDashCtrl=new Bt,this._listCtrl=new pi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new gi,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(We,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(We,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==mi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
+  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function _t(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="",N=d?.utilization_pct??null;if(null==N&&t.breaker_rating_a){const e=t.entities?.current,i=e?r.states[e]:null,n=i?Math.abs(parseFloat(i.state)||0):0;N=Math.round(n/t.breaker_rating_a*1e3)/10}if(null!=N){M=`<span class="utilization ${N>=100?"utilization-alert":N>=80?"utilization-warning":"utilization-normal"}">${Math.round(N)}%</span>`}return`\n    <div class="circuit-slot ${gt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ft(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const vt={names:["power","battery power"],suffixes:["_power"]},mt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},bt={names:["state of energy"],suffixes:["_soe_kwh"]},yt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function wt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function xt(e){return wt(e,vt)}function St(e){return wt(e,mt)}function $t(e){return wt(e,bt)}function Ct(e){return wt(e,yt)}function kt(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=xt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?St(s):null,v=g?$t(s):null,m=g?Ct(s):null,b=Et(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=Pt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Et(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function Pt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function zt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function At(e){const t=o[e];return t?t.ms:o[s].ms}function Mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Nt(e){return Math.max(500,Math.floor(e/5e3))}function It(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Tt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Dt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Mt(n),l=Nt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Tt(t,a,l))}}}function Ft(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:xt(n)};n.type===c&&(e.soc=St(n),e.soe=$t(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ht(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?At(s.get(e)):zt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ft(t)){let t;t=o&&o.has(s)?At(o.get(s)):zt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Dt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ot(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Rt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function qt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function jt(e,t,n,s,o,r){if(!e||!n||!t)return;const c=zt(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&qt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${Rt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?At(r.get(s)):c,p=d.device_type===l;Ot(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Ut{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Wt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Gt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Vt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Ut,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Wt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Gt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Wt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Gt(n,s))}}async loadHistory(){await Ht(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=At(n),d=Mt(c),h=Nt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||It(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ft(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=At(r),d=Mt(c),h=Nt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||It(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ft(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ht(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(jt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=zt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${Rt(n)}"]`);if(!i)continue;const l=xt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Ot(e,t,a,o?.has(n)?At(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${Rt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),a=o?.response;return a?{circuits:a.circuits,mains:a.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Bt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Qt{constructor(){this._ctrl=new Vt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=_t(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=ft(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=_t(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=ft(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=_t(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=kt(r,t,s);e.innerHTML=`\n      <style>${Bt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Jt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Xt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Kt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Zt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ei(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ti{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ei(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ei(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ei(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ei(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ei(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ei(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ei(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ei(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Xt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Yt}">\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Yt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Zt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ii(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function ni(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const E=!!o&&ut(o)?f:"#555",P=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${E};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${P}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=gt(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function oi(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ri(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function ai(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function li(e,t,i,n){const s=ri(e,i,n),o=ri(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function ci(e,t,i){return e.sort((e,n)=>li(e[1],n[1],t,i))}function di(e){return e.entities?.current??e.entities?.power??""}class hi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=ci(Object.entries(i.circuits),t,n);let a=o+ii(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,di(i)),r=ai(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=ni(e,i,t,n,o,r,l),l&&(a+=si(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ii(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=ci(i,t,s);d+=oi(e);for(const[e,i]of n){const n=pt(o,di(i)),r=ai(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=ni(e,i,t,s,n,r,a),a&&(d+=si(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ri(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>li(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Rt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,di(t)),o=si(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function pi(e,t){return`${e}|${t}`}class ui{async build(e,t,i,n){const s=new Map;for(const e of i)s.set(e.id,e);const o=n?new Ue(n):null,r=[];for(const[i,n]of Object.entries(t)){if(!((n?.circuits?.length??0)>0||(n?.sub_devices?.length??0)>0))continue;const t=s.get(i);t&&r.push((async()=>{try{const n=await Ze(e,i,o);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:i,topology:n}of a){if(!n)continue;const s=i.config_entries?.[0]??null;s&&p.add(s);const o=i.name_by_user??i.name??n.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:n});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const i=n.circuits?.[t];if(!i)continue;const r=pi(e,t),a=l&&o?`${o} · ${i.name}`:i.name;c[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const r=pi(e,t),a=l&&o&&i.name?`${o} · ${i.name}`:i.name??t;d[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const gi="span_panel_favorites_view_state";function _i(e){try{localStorage.setItem(gi,JSON.stringify(e))}catch{}}var fi;const vi="favorites";let mi=fi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Qt,this._monitoringTab=new ti,this._listDashCtrl=new Vt,this._listCtrl=new hi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new ui,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(We,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(We,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==vi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===mi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,fi(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,fi(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==mi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===mi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(_i);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===mi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:mi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===mi;this._favorites=t;const n=this._panels.filter(e=>e.id!==mi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(_i)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(i.panelDeviceId)}"]`);n&&jt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==mi),s=await this._favCtrl.build(this.hass,this._favorites,n,this._errorStore);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ii;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};bi._shellStyles=$`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===vi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,_i(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,_i(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==vi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===vi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(gi);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===vi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:vi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===vi;this._favorites=t;const n=this._panels.filter(e=>e.id!==vi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(gi)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${Rt(i.panelDeviceId)}"]`);n&&qt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==vi),s=await this._favCtrl.build(this.hass,this._favorites,n,this._errorStore);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${kt(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ti;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};mi._shellStyles=$`
     :host {
       color: var(--primary-text-color);
     }
@@ -250,4 +250,4 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,bi.styles=[vi._shellStyles,S(Qt)],v([Ae({attribute:!1})],bi.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],bi.prototype,"narrow",void 0),v([Me()],bi.prototype,"_panels",void 0),v([Me()],bi.prototype,"_selectedPanelId",void 0),v([Me()],bi.prototype,"_activeTab",void 0),v([Me()],bi.prototype,"_discovered",void 0),v([Me()],bi.prototype,"_chartMetric",void 0),v([Me()],bi.prototype,"_listColumns",void 0),v([Me()],bi.prototype,"_favorites",void 0),bi=vi=v([Ee("span-panel")],bi),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let yi=!1;const wi=bi.prototype.connectedCallback;bi.prototype.connectedCallback=function(){yi=!0,wi.call(this)};const xi=bi.prototype.disconnectedCallback;bi.prototype.disconnectedCallback=function(){yi=!1,xi.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(yi||window.location.pathname.includes("span-panel")&&setTimeout(()=>{yi||location.reload()},200))});
+  `,mi.styles=[fi._shellStyles,S(Bt)],v([Ae({attribute:!1})],mi.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],mi.prototype,"narrow",void 0),v([Me()],mi.prototype,"_panels",void 0),v([Me()],mi.prototype,"_selectedPanelId",void 0),v([Me()],mi.prototype,"_activeTab",void 0),v([Me()],mi.prototype,"_discovered",void 0),v([Me()],mi.prototype,"_chartMetric",void 0),v([Me()],mi.prototype,"_listColumns",void 0),v([Me()],mi.prototype,"_favorites",void 0),mi=fi=v([Ee("span-panel")],mi),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let bi=!1;const yi=mi.prototype.connectedCallback;mi.prototype.connectedCallback=function(){bi=!0,yi.call(this)};const wi=mi.prototype.disconnectedCallback;mi.prototype.disconnectedCallback=function(){bi=!1,wi.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(bi||window.location.pathname.includes("span-panel")&&setTimeout(()=>{bi||location.reload()},200))});
diff --git a/src/core/grid-renderer.ts b/src/core/grid-renderer.ts
index 4310821..6ab70b6 100644
--- a/src/core/grid-renderer.ts
+++ b/src/core/grid-renderer.ts
@@ -4,7 +4,7 @@ import { t } from "../i18n.js";
 import { tabToRow, tabToCol, classifyDualTab } from "../helpers/layout.js";
 import { getChartMetric } from "../helpers/chart.js";
 import { DEVICE_TYPE_PV, RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS } from "../constants.js";
-import { getCircuitMonitoringInfo, hasCustomOverrides, getUtilizationClass } from "./monitoring-status.js";
+import { getCircuitMonitoringInfo, hasCustomOverrides } from "./monitoring-status.js";
 import { getCircuitStateClasses } from "./circuit-state.js";
 import type { PanelTopology, Circuit, HomeAssistant, CardConfig, MonitoringStatus, MonitoringPointInfo, SheddingPriorityDef } from "../types.js";
 
@@ -182,12 +182,18 @@ export function renderCircuitSlot(
     <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
   </button>`;
 
-  // Utilization (shown when monitoring is active)
+  // Utilization — prefer monitoring data, fall back to live current / breaker rating
   let utilizationHTML = "";
-  if (monitoringInfo?.utilization_pct != null) {
-    const pct = monitoringInfo.utilization_pct;
-    const utilClass = getUtilizationClass(monitoringInfo);
-    utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(pct)}%</span>`;
+  let utilizationPct = monitoringInfo?.utilization_pct ?? null;
+  if (utilizationPct == null && circuit.breaker_rating_a) {
+    const curEid = circuit.entities?.current;
+    const curState = curEid ? hass.states[curEid] : null;
+    const amps = curState ? Math.abs(parseFloat(curState.state) || 0) : 0;
+    utilizationPct = Math.round((amps / circuit.breaker_rating_a) * 1000) / 10;
+  }
+  if (utilizationPct != null) {
+    const utilClass = utilizationPct >= 100 ? "utilization-alert" : utilizationPct >= 80 ? "utilization-warning" : "utilization-normal";
+    utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(utilizationPct)}%</span>`;
   }
 
   const stateClasses = getCircuitStateClasses(circuit, monitoringInfo, isOn, isProducer);
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 9d50138..5290163 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -3,7 +3,7 @@ import { formatPowerSigned, formatPowerUnit } from "../helpers/format.js";
 import { t } from "../i18n.js";
 import { getChartMetric } from "../helpers/chart.js";
 import { RELAY_STATE_CLOSED, SHEDDING_PRIORITIES, MONITORING_COLORS, DEVICE_TYPE_PV } from "../constants.js";
-import { getUtilizationClass, hasCustomOverrides } from "./monitoring-status.js";
+import { hasCustomOverrides } from "./monitoring-status.js";
 import { getCircuitStateClasses } from "./circuit-state.js";
 import type { Circuit, HomeAssistant, CardConfig, MonitoringPointInfo, SheddingPriorityDef } from "../types.js";
 
@@ -101,12 +101,18 @@ export function buildListRowHTML(
     }
   }
 
-  // Utilization badge
+  // Utilization — prefer monitoring data, fall back to live current / breaker rating
   let utilizationHTML = "";
-  if (monitoringInfo?.utilization_pct != null) {
-    const pct = monitoringInfo.utilization_pct;
-    const utilClass = getUtilizationClass(monitoringInfo);
-    utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(pct)}%</span>`;
+  let utilizationPct = monitoringInfo?.utilization_pct ?? null;
+  if (utilizationPct == null && circuit.breaker_rating_a) {
+    const curEid = circuit.entities?.current;
+    const curState = curEid ? hass.states[curEid] : null;
+    const amps = curState ? Math.abs(parseFloat(curState.state) || 0) : 0;
+    utilizationPct = Math.round((amps / circuit.breaker_rating_a) * 1000) / 10;
+  }
+  if (utilizationPct != null) {
+    const utilClass = utilizationPct >= 100 ? "utilization-alert" : utilizationPct >= 80 ? "utilization-warning" : "utilization-normal";
+    utilizationHTML = `<span class="utilization ${utilClass}">${Math.round(utilizationPct)}%</span>`;
   }
 
   // Gear — matches the breaker-grid's gear so onGearClick handles it unchanged.

From 63eea28b35952698c988b086913b06607490d985 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 12:23:04 -0700
Subject: [PATCH 75/97] feat(i18n): add tf() placeholder substitution and named
 panel-status keys

---
 src/i18n.ts               | 21 +++++++++++++++++++++
 tests/error-store.test.ts | 29 +++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/src/i18n.ts b/src/i18n.ts
index 5d9e5bd..0eea76d 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -74,6 +74,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Failed",
     "error.panel_offline": "SPAN Panel unreachable",
     "error.panel_reconnected": "SPAN Panel reconnected",
+    "error.panel_offline_named": "{name} unreachable",
+    "error.panel_reconnected_named": "{name} reconnected",
     "error.discovery_failed": "Unable to connect to SPAN Panel",
     "error.relay_failed": "Unable to toggle relay",
     "error.shedding_failed": "Unable to update shedding priority",
@@ -266,6 +268,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Fall\u00f3",
     "error.panel_offline": "SPAN Panel inaccesible",
     "error.panel_reconnected": "SPAN Panel reconectado",
+    "error.panel_offline_named": "{name} inaccesible",
+    "error.panel_reconnected_named": "{name} reconectado",
     "error.discovery_failed": "No se puede conectar al SPAN Panel",
     "error.relay_failed": "No se pudo cambiar el rel\u00e9",
     "error.shedding_failed": "No se pudo actualizar la prioridad de desconexi\u00f3n",
@@ -437,6 +441,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u00c9chou\u00e9",
     "error.panel_offline": "SPAN Panel inaccessible",
     "error.panel_reconnected": "SPAN Panel reconnect\u00e9",
+    "error.panel_offline_named": "{name} inaccessible",
+    "error.panel_reconnected_named": "{name} reconnect\u00e9",
     "error.discovery_failed": "Impossible de se connecter au SPAN Panel",
     "error.relay_failed": "Impossible de basculer le relais",
     "error.shedding_failed": "Impossible de mettre \u00e0 jour la priorit\u00e9 de d\u00e9lestage",
@@ -610,6 +616,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "\u5931\u6557",
     "error.panel_offline": "SPAN\u30d1\u30cd\u30eb\u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
     "error.panel_reconnected": "SPAN\u30d1\u30cd\u30eb\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f",
+    "error.panel_offline_named": "{name}\u306b\u63a5\u7d9a\u3067\u304d\u307e\u305b\u3093",
+    "error.panel_reconnected_named": "{name}\u304c\u518d\u63a5\u7d9a\u3055\u308c\u307e\u3057\u305f",
     "error.discovery_failed": "SPAN\u30d1\u30cd\u30eb\u3078\u306e\u63a5\u7d9a\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.relay_failed": "\u30ea\u30ec\u30fc\u306e\u5207\u308a\u66ff\u3048\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
     "error.shedding_failed": "\u30b7\u30a7\u30c7\u30a3\u30f3\u30b0\u512a\u5148\u5ea6\u306e\u66f4\u65b0\u306b\u5931\u6557\u3057\u307e\u3057\u305f",
@@ -786,6 +794,8 @@ const translations: Record<string, Record<string, string>> = {
     "error.failed": "Falhou",
     "error.panel_offline": "SPAN Panel inacess\u00edvel",
     "error.panel_reconnected": "SPAN Panel reconectado",
+    "error.panel_offline_named": "{name} inacess\u00edvel",
+    "error.panel_reconnected_named": "{name} reconectado",
     "error.discovery_failed": "N\u00e3o foi poss\u00edvel conectar ao SPAN Panel",
     "error.relay_failed": "N\u00e3o foi poss\u00edvel alternar o rel\u00e9",
     "error.shedding_failed": "N\u00e3o foi poss\u00edvel atualizar a prioridade de desligamento",
@@ -919,3 +929,14 @@ export function setLanguage(lang: string | undefined): void {
 export function t(key: string): string {
   return translations[_lang]?.[key] ?? translations.en?.[key] ?? key;
 }
+
+/**
+ * Look up a translation key and substitute `{name}`-style placeholders.
+ * Falls back to the English template when the key is missing in the
+ * active language. Missing variables render as their literal token
+ * (e.g. `{name}`) — loud in the UI, easy to spot in review.
+ */
+export function tf(key: string, vars: Record<string, string>): string {
+  const template = translations[_lang]?.[key] ?? translations.en?.[key] ?? key;
+  return template.replace(/\{(\w+)\}/g, (_, k) => (Object.prototype.hasOwnProperty.call(vars, k) ? vars[k]! : `{${k}}`));
+}
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index 3af08a2..45d335f 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -2,6 +2,7 @@ import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
 import type { HomeAssistant } from "../src/types.js";
 import { ErrorStore } from "../src/core/error-store.js";
 import type { ErrorEntry } from "../src/core/error-store.js";
+import { tf, setLanguage } from "../src/i18n.js";
 
 // ---------------------------------------------------------------------------
 // Helpers
@@ -461,3 +462,31 @@ describe("ErrorStore — panel status watching", () => {
     expect(store.hasPersistent("panel-offline")).toBe(true);
   });
 });
+
+// ---------------------------------------------------------------------------
+// tf() — translation with placeholder substitution
+// ---------------------------------------------------------------------------
+
+describe("tf — translation with {placeholder} substitution", () => {
+  beforeEach(() => {
+    setLanguage("en");
+  });
+
+  it("substitutes {name} in error.panel_offline_named", () => {
+    expect(tf("error.panel_offline_named", { name: "Span Panel 2" })).toBe("Span Panel 2 unreachable");
+  });
+
+  it("renders {name} as a literal token when the variable is missing", () => {
+    expect(tf("error.panel_offline_named", {})).toBe("{name} unreachable");
+  });
+
+  it("substitutes {name} in error.panel_reconnected_named", () => {
+    expect(tf("error.panel_reconnected_named", { name: "Span Panel 2" })).toBe("Span Panel 2 reconnected");
+  });
+
+  it("falls back to English template when key is missing in active language", () => {
+    setLanguage("es");
+    // Spanish template: "{name} inaccesible"
+    expect(tf("error.panel_offline_named", { name: "X" })).toBe("X inaccesible");
+  });
+});

From ea509fbe178c1aa9841b97c566f76c3c9b5b68c7 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 12:31:35 -0700
Subject: [PATCH 76/97] feat(error-store): widen watchPanelStatus to
 multi-panel watch

---
 src/core/error-store.ts   | 189 ++++++++++++++++++++++++++------------
 tests/error-store.test.ts | 152 ++++++++++++++++++++++++++++++
 2 files changed, 284 insertions(+), 57 deletions(-)

diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index e7a74f8..c0f9b7a 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -1,4 +1,4 @@
-import { t } from "../i18n.js";
+import { t, tf } from "../i18n.js";
 import type { HomeAssistant } from "../types.js";
 
 const DEFAULT_ERROR_TTL = 5_000;
@@ -22,6 +22,23 @@ interface ClearFilter {
   persistent: boolean;
 }
 
+/**
+ * Per-entity state for a watched panel_status entity.
+ *
+ * `panelName === null` marks the legacy single-panel case (per-panel view).
+ * In that case the persistent key and message omit the panel name so the
+ * banner reads "SPAN Panel unreachable" exactly as before.
+ *
+ * `panelName !== null` marks the multi-panel case (Favorites view). The
+ * persistent key is suffixed with the entity id and the message names the
+ * panel, so the banner reads e.g. "Span Panel 2 unreachable".
+ */
+interface WatchedPanelEntry {
+  panelName: string | null;
+  /** True once this entity has been observed off at least once. */
+  wasOffline: boolean;
+}
+
 /**
  * Two-lane error store.
  *
@@ -35,9 +52,7 @@ export class ErrorStore {
   private _transient: ErrorEntry | null = null;
   private _transientTimer: ReturnType<typeof setTimeout> | null = null;
   private readonly _subscribers = new Set<() => void>();
-  private _panelStatusEntityId: string | null = null;
-  /** True once the panel has been observed offline at least once. */
-  private _wasOffline = false;
+  private _watchedPanels = new Map<string, WatchedPanelEntry>();
 
   // -------------------------------------------------------------------------
   // Public API
@@ -91,8 +106,7 @@ export class ErrorStore {
     if (filter === undefined) {
       this._persistent.clear();
       this._clearTransient();
-      this._panelStatusEntityId = null;
-      this._wasOffline = false;
+      this._watchedPanels.clear();
     } else if (filter.persistent === true) {
       this._persistent.clear();
     } else if (filter.persistent === false) {
@@ -127,71 +141,121 @@ export class ErrorStore {
   }
 
   /**
-   * Register the entity ID whose `state` represents panel connectivity.
-   * Call `updateHass()` on each hass update to drive error/recovery logic.
+   * Register a single panel_status entity to watch. Per-panel views call
+   * this; the resulting banner is unnamed ("SPAN Panel unreachable") to
+   * match the title bar which already names the panel.
    *
-   * When the entity ID changes (switching watched panel), resets
-   * `_wasOffline` and removes any active `panel-offline` for the previous
-   * entity so the new panel starts with a clean slate.
+   * Thin wrapper around `watchPanelStatuses`.
    */
   watchPanelStatus(entityId: string): void {
-    if (this._panelStatusEntityId !== entityId) {
-      // Switching watched panel — clear state scoped to the previous entity
-      this._wasOffline = false;
-      this._persistent.delete("panel-offline");
-      this._notify();
+    this.watchPanelStatuses([{ entityId, panelName: null }]);
+  }
+
+  /**
+   * Register 0+ panel_status entities to watch with optional panel names.
+   * Replaces the current watch set wholesale.
+   *
+   * Entities carried over from the previous watch set preserve their
+   * `wasOffline` flag so no spurious reconnect toast fires on re-registration.
+   *
+   * Any persistent `panel-offline*` keys for entities dropped from the
+   * watch set are removed.
+   */
+  watchPanelStatuses(entries: ReadonlyArray<{ entityId: string; panelName?: string | null }>): void {
+    const prev = this._watchedPanels;
+    const next = new Map<string, WatchedPanelEntry>();
+    for (const entry of entries) {
+      const carry = prev.get(entry.entityId);
+      next.set(entry.entityId, {
+        panelName: entry.panelName ?? null,
+        wasOffline: carry?.wasOffline ?? false,
+      });
     }
-    this._panelStatusEntityId = entityId;
+
+    // Drop persistent banners for entities that were watched before but are
+    // no longer in the new set. The naming mode may also change (e.g.
+    // single-unnamed → multi-named), so compute the previous key using
+    // `prev`'s view of the world.
+    const prevIsSingleUnnamed = this._isSingleUnnamed(prev);
+    for (const [entityId, entry] of prev) {
+      if (next.has(entityId)) continue;
+      const offlineKey = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
+      this._persistent.delete(offlineKey);
+      void entry; // unused beyond its keying; kept for readability
+    }
+
+    // Even when the set of entity IDs is identical, the *naming mode* may
+    // have changed (e.g. wrapping `watchPanelStatus` turns a named watch
+    // into an unnamed one under the same entity ID). Drop any stale keys
+    // from the previous mode if it differs from the new one.
+    const nextIsSingleUnnamed = this._isSingleUnnamed(next);
+    if (prev.size > 0 && prevIsSingleUnnamed !== nextIsSingleUnnamed) {
+      for (const entityId of prev.keys()) {
+        const prevKey = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
+        this._persistent.delete(prevKey);
+      }
+    }
+
+    this._watchedPanels = next;
+    this._notify();
   }
 
   /**
-   * Clear the panel status watch entirely (e.g. when switching to the
-   * Favorites pseudo-panel, which has no panel_status entity).
-   * Removes any active `panel-offline` persistent error and resets
-   * `_wasOffline` so no spurious reconnect toast fires on the next watch.
+   * Clear the panel status watch entirely (e.g. when switching panels and
+   * we want no banner until the new watch is set up).
    */
   clearPanelStatusWatch(): void {
-    this._panelStatusEntityId = null;
-    this._wasOffline = false;
-    if (this._persistent.delete("panel-offline")) {
-      this._notify();
+    if (this._watchedPanels.size === 0) return;
+    const prevIsSingleUnnamed = this._isSingleUnnamed(this._watchedPanels);
+    for (const entityId of this._watchedPanels.keys()) {
+      const key = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
+      this._persistent.delete(key);
     }
+    this._watchedPanels.clear();
+    this._notify();
   }
 
   /**
-   * Examine the panel status entity in the current hass snapshot and
-   * add/remove the `panel-offline` persistent error accordingly.
+   * Examine each watched panel_status entity in the current hass snapshot
+   * and add/remove `panel-offline*` persistent errors accordingly.
    *
-   * Reconnection info is posted as a transient once — only after the panel
-   * was previously observed to be offline.
+   * Reconnection info is posted as a transient (per-entity key) — only
+   * after that entity was previously observed to be offline.
    */
   updateHass(hass: HomeAssistant): void {
-    if (this._panelStatusEntityId === null) return;
-
-    const entityState = hass.states[this._panelStatusEntityId]?.state;
-    const isOnline = entityState === "on";
-
-    if (!isOnline) {
-      this._wasOffline = true;
-      if (!this.hasPersistent("panel-offline")) {
-        this.add({
-          key: "panel-offline",
-          level: "error",
-          message: t("error.panel_offline"),
-          persistent: true,
-        });
-      }
-    } else {
-      const wasOffline = this._wasOffline;
-      this._wasOffline = false;
-      this.remove("panel-offline");
-      if (wasOffline) {
-        this.add({
-          key: "panel-reconnected",
-          level: "info",
-          message: t("error.panel_reconnected"),
-          persistent: false,
-        });
+    if (this._watchedPanels.size === 0) return;
+
+    const isSingleUnnamed = this._isSingleUnnamed(this._watchedPanels);
+
+    for (const [entityId, entry] of this._watchedPanels) {
+      const entityState = hass.states[entityId]?.state;
+      const isOnline = entityState === "on";
+
+      const offlineKey = isSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
+      const reconnectKey = isSingleUnnamed ? "panel-reconnected" : `panel-reconnected:${entityId}`;
+
+      if (!isOnline) {
+        entry.wasOffline = true;
+        if (!this.hasPersistent(offlineKey)) {
+          this.add({
+            key: offlineKey,
+            level: "error",
+            message: entry.panelName === null ? t("error.panel_offline") : tf("error.panel_offline_named", { name: entry.panelName }),
+            persistent: true,
+          });
+        }
+      } else {
+        const wasOffline = entry.wasOffline;
+        entry.wasOffline = false;
+        this.remove(offlineKey);
+        if (wasOffline) {
+          this.add({
+            key: reconnectKey,
+            level: "info",
+            message: entry.panelName === null ? t("error.panel_reconnected") : tf("error.panel_reconnected_named", { name: entry.panelName }),
+            persistent: false,
+          });
+        }
       }
     }
   }
@@ -204,14 +268,25 @@ export class ErrorStore {
     this._clearTransient();
     this._persistent.clear();
     this._subscribers.clear();
-    this._panelStatusEntityId = null;
-    this._wasOffline = false;
+    this._watchedPanels.clear();
   }
 
   // -------------------------------------------------------------------------
   // Private helpers
   // -------------------------------------------------------------------------
 
+  /**
+   * True when the map represents the legacy single-unnamed case: exactly
+   * one entry, with `panelName === null`. Used by `updateHass`,
+   * `watchPanelStatuses`, and `clearPanelStatusWatch` to pick the correct
+   * persistent-key and message form.
+   */
+  private _isSingleUnnamed(map: ReadonlyMap<string, WatchedPanelEntry>): boolean {
+    if (map.size !== 1) return false;
+    const only = map.values().next().value as WatchedPanelEntry | undefined;
+    return only !== undefined && only.panelName === null;
+  }
+
   private _clearTransient(): void {
     if (this._transientTimer !== null) {
       clearTimeout(this._transientTimer);
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index 45d335f..8299855 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -463,6 +463,158 @@ describe("ErrorStore — panel status watching", () => {
   });
 });
 
+// ---------------------------------------------------------------------------
+// watchPanelStatuses — multi-panel status watching
+// ---------------------------------------------------------------------------
+
+describe("ErrorStore — multi-panel status watching", () => {
+  const ENTITY_A = "binary_sensor.span_panel_1_panel_status";
+  const ENTITY_B = "binary_sensor.span_panel_2_panel_status";
+  let store: ErrorStore;
+
+  function makeMultiHass(states: Record<string, string>): HomeAssistant {
+    const built: Record<string, { entity_id: string; state: string; attributes: object; last_changed: string; last_updated: string }> = {};
+    for (const [entityId, state] of Object.entries(states)) {
+      built[entityId] = {
+        entity_id: entityId,
+        state,
+        attributes: {},
+        last_changed: "",
+        last_updated: "",
+      };
+    }
+    return {
+      states: built,
+      services: {},
+      language: "en",
+      callService: vi.fn(),
+      callWS: vi.fn(),
+    } as unknown as HomeAssistant;
+  }
+
+  beforeEach(() => {
+    vi.useFakeTimers();
+    store = new ErrorStore();
+  });
+
+  afterEach(() => {
+    store.dispose();
+    vi.useRealTimers();
+  });
+
+  it("adds one named persistent row per offline entity", () => {
+    store.watchPanelStatuses([
+      { entityId: ENTITY_A, panelName: "Panel A" },
+      { entityId: ENTITY_B, panelName: "Panel B" },
+    ]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off", [ENTITY_B]: "off" }));
+
+    const rows = store.active.filter(e => e.key.startsWith("panel-offline"));
+    expect(rows).toHaveLength(2);
+    const messages = rows.map(r => r.message).sort();
+    expect(messages).toEqual(["Panel A unreachable", "Panel B unreachable"]);
+
+    // Legacy unnamed key must NOT be present when named entries are used.
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(true);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(true);
+  });
+
+  it("transitioning single-unnamed → multi-named clears the legacy key", () => {
+    store.watchPanelStatus(ENTITY_A);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off" }));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    store.watchPanelStatuses([{ entityId: ENTITY_A, panelName: "Panel A" }]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off" }));
+
+    expect(store.hasPersistent("panel-offline")).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(true);
+    const row = store.active.find(e => e.key === `panel-offline:${ENTITY_A}`);
+    expect(row?.message).toBe("Panel A unreachable");
+  });
+
+  it("transitioning multi-named → single-unnamed clears named keys", () => {
+    store.watchPanelStatuses([
+      { entityId: ENTITY_A, panelName: "Panel A" },
+      { entityId: ENTITY_B, panelName: "Panel B" },
+    ]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off", [ENTITY_B]: "off" }));
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(true);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(true);
+
+    store.watchPanelStatus(ENTITY_A);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off" }));
+
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(false);
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+    const row = store.active.find(e => e.key === "panel-offline");
+    expect(row?.message).toBe("SPAN Panel unreachable");
+  });
+
+  it("named reconnect emits a scoped transient toast", () => {
+    store.watchPanelStatuses([
+      { entityId: ENTITY_A, panelName: "Panel A" },
+      { entityId: ENTITY_B, panelName: "Panel B" },
+    ]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off", [ENTITY_B]: "off" }));
+
+    // Panel A reconnects; Panel B still offline.
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "on", [ENTITY_B]: "off" }));
+
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(true);
+
+    const reconnect = store.active.find(e => e.key === `panel-reconnected:${ENTITY_A}`);
+    expect(reconnect).toBeDefined();
+    expect(reconnect?.level).toBe("info");
+    expect(reconnect?.persistent).toBe(false);
+    expect(reconnect?.message).toBe("Panel A reconnected");
+  });
+
+  it("re-calling watchPanelStatuses with a carry-over entity preserves wasOffline", () => {
+    // First call: A is offline.
+    store.watchPanelStatuses([{ entityId: ENTITY_A, panelName: "Panel A" }]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off" }));
+
+    // Second call: add B. A is still being watched; its wasOffline should carry.
+    store.watchPanelStatuses([
+      { entityId: ENTITY_A, panelName: "Panel A" },
+      { entityId: ENTITY_B, panelName: "Panel B" },
+    ]);
+
+    // Now A comes online. Because wasOffline carried, we expect a reconnect toast.
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "on", [ENTITY_B]: "on" }));
+
+    const reconnect = store.active.find(e => e.key === `panel-reconnected:${ENTITY_A}`);
+    expect(reconnect).toBeDefined();
+    expect(reconnect?.message).toBe("Panel A reconnected");
+
+    // B was never offline, so no reconnect toast for B.
+    expect(store.active.find(e => e.key === `panel-reconnected:${ENTITY_B}`)).toBeUndefined();
+  });
+
+  it("clearPanelStatusWatch removes all watched entries (single and multi)", () => {
+    store.watchPanelStatuses([
+      { entityId: ENTITY_A, panelName: "Panel A" },
+      { entityId: ENTITY_B, panelName: "Panel B" },
+    ]);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off", [ENTITY_B]: "off" }));
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(true);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(true);
+
+    store.clearPanelStatusWatch();
+
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(false);
+    // After clear, updateHass is a no-op
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off", [ENTITY_B]: "off" }));
+    expect(store.hasPersistent(`panel-offline:${ENTITY_A}`)).toBe(false);
+    expect(store.hasPersistent(`panel-offline:${ENTITY_B}`)).toBe(false);
+  });
+});
+
 // ---------------------------------------------------------------------------
 // tf() — translation with placeholder substitution
 // ---------------------------------------------------------------------------

From 36dcf37df76df7f9e1c24c72f9d827758d798847 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 12:40:01 -0700
Subject: [PATCH 77/97] refactor(error-store): drop dead cast, unify cleanup,
 extract key helpers

---
 src/core/error-store.ts   | 59 +++++++++++++++++++++------------------
 tests/error-store.test.ts | 18 ++++++++++++
 2 files changed, 50 insertions(+), 27 deletions(-)

diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index c0f9b7a..d4ea564 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -172,28 +172,16 @@ export class ErrorStore {
       });
     }
 
-    // Drop persistent banners for entities that were watched before but are
-    // no longer in the new set. The naming mode may also change (e.g.
-    // single-unnamed → multi-named), so compute the previous key using
-    // `prev`'s view of the world.
+    // Drop stale persistent banners from the previous watch set. For each
+    // entity that was watched, remove its prev-mode key unless it is still
+    // watched in the same naming mode (single-unnamed vs multi-named).
+    // This one sweep covers both removals and naming-mode changes.
     const prevIsSingleUnnamed = this._isSingleUnnamed(prev);
-    for (const [entityId, entry] of prev) {
-      if (next.has(entityId)) continue;
-      const offlineKey = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
-      this._persistent.delete(offlineKey);
-      void entry; // unused beyond its keying; kept for readability
-    }
-
-    // Even when the set of entity IDs is identical, the *naming mode* may
-    // have changed (e.g. wrapping `watchPanelStatus` turns a named watch
-    // into an unnamed one under the same entity ID). Drop any stale keys
-    // from the previous mode if it differs from the new one.
     const nextIsSingleUnnamed = this._isSingleUnnamed(next);
-    if (prev.size > 0 && prevIsSingleUnnamed !== nextIsSingleUnnamed) {
-      for (const entityId of prev.keys()) {
-        const prevKey = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
-        this._persistent.delete(prevKey);
-      }
+    for (const entityId of prev.keys()) {
+      const stillWatchedSameMode = next.has(entityId) && prevIsSingleUnnamed === nextIsSingleUnnamed;
+      if (stillWatchedSameMode) continue;
+      this._persistent.delete(this._offlineKey(entityId, prevIsSingleUnnamed));
     }
 
     this._watchedPanels = next;
@@ -206,10 +194,9 @@ export class ErrorStore {
    */
   clearPanelStatusWatch(): void {
     if (this._watchedPanels.size === 0) return;
-    const prevIsSingleUnnamed = this._isSingleUnnamed(this._watchedPanels);
+    const isSingleUnnamed = this._isSingleUnnamed(this._watchedPanels);
     for (const entityId of this._watchedPanels.keys()) {
-      const key = prevIsSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
-      this._persistent.delete(key);
+      this._persistent.delete(this._offlineKey(entityId, isSingleUnnamed));
     }
     this._watchedPanels.clear();
     this._notify();
@@ -231,8 +218,8 @@ export class ErrorStore {
       const entityState = hass.states[entityId]?.state;
       const isOnline = entityState === "on";
 
-      const offlineKey = isSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
-      const reconnectKey = isSingleUnnamed ? "panel-reconnected" : `panel-reconnected:${entityId}`;
+      const offlineKey = this._offlineKey(entityId, isSingleUnnamed);
+      const reconnectKey = this._reconnectKey(entityId, isSingleUnnamed);
 
       if (!isOnline) {
         entry.wasOffline = true;
@@ -283,8 +270,26 @@ export class ErrorStore {
    */
   private _isSingleUnnamed(map: ReadonlyMap<string, WatchedPanelEntry>): boolean {
     if (map.size !== 1) return false;
-    const only = map.values().next().value as WatchedPanelEntry | undefined;
-    return only !== undefined && only.panelName === null;
+    for (const entry of map.values()) {
+      return entry.panelName === null;
+    }
+    return false;
+  }
+
+  /**
+   * Persistent-key name for the offline banner scoped to a single entity.
+   * Single-unnamed mode (per-panel view) uses the legacy unsuffixed key.
+   */
+  private _offlineKey(entityId: string, isSingleUnnamed: boolean): string {
+    return isSingleUnnamed ? "panel-offline" : `panel-offline:${entityId}`;
+  }
+
+  /**
+   * Transient-key name for the reconnect toast scoped to a single entity.
+   * Mirror of `_offlineKey` for the recovery path.
+   */
+  private _reconnectKey(entityId: string, isSingleUnnamed: boolean): string {
+    return isSingleUnnamed ? "panel-reconnected" : `panel-reconnected:${entityId}`;
   }
 
   private _clearTransient(): void {
diff --git a/tests/error-store.test.ts b/tests/error-store.test.ts
index 8299855..3d18852 100644
--- a/tests/error-store.test.ts
+++ b/tests/error-store.test.ts
@@ -595,6 +595,24 @@ describe("ErrorStore — multi-panel status watching", () => {
     expect(store.active.find(e => e.key === `panel-reconnected:${ENTITY_B}`)).toBeUndefined();
   });
 
+  it("carries wasOffline across single-unnamed → multi-named transition for same entity", () => {
+    // Start with legacy single-unnamed watch; go offline.
+    store.watchPanelStatus(ENTITY_A);
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "off" }));
+    expect(store.hasPersistent("panel-offline")).toBe(true);
+
+    // Upgrade to named watch for the same entity id. The wasOffline flag
+    // must carry even across the naming-mode change.
+    store.watchPanelStatuses([{ entityId: ENTITY_A, panelName: "Panel A" }]);
+
+    // Now come online. Because wasOffline carried, the named reconnect
+    // toast must fire.
+    store.updateHass(makeMultiHass({ [ENTITY_A]: "on" }));
+    const reconnect = store.active.find(e => e.key === `panel-reconnected:${ENTITY_A}`);
+    expect(reconnect).toBeDefined();
+    expect(reconnect?.message).toBe("Panel A reconnected");
+  });
+
   it("clearPanelStatusWatch removes all watched entries (single and multi)", () => {
     store.watchPanelStatuses([
       { entityId: ENTITY_A, panelName: "Panel A" },

From 236ad4dcbb974810c842c214eb5a5532cc542d5c Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 12:44:06 -0700
Subject: [PATCH 78/97] feat(favorites): show per-panel offline banner rows in
 Favorites view

---
 src/panel/span-panel.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 7e44b80..44a6bfa 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -985,6 +985,20 @@ export class SpanPanelElement extends LitElement {
     const realPanels = this._panels.filter(p => p.id !== FAVORITES_PANEL_ID);
     const build = await this._favCtrl.build(this.hass, this._favorites, realPanels, this._errorStore);
     if (superseded()) return;
+
+    // Drive the offline-banner watch for every contributing panel whose
+    // topology resolved. Each row in <span-error-banner> is scoped per
+    // panel_status entity, so the Favorites view shows one banner row per
+    // offline contributing panel, labeled with the panel's name.
+    const panelStatusEntries = build.perPanelStats
+      .map(p => {
+        const entityId = p.topology.panel_entities?.panel_status;
+        return typeof entityId === "string" ? { entityId, panelName: p.panelName } : null;
+      })
+      .filter((e): e is { entityId: string; panelName: string } => e !== null);
+    this._errorStore.watchPanelStatuses(panelStatusEntries);
+    this._errorStore.updateHass(this.hass);
+
     const merged = build.topology;
     const primaryEntryId = build.entryIds[0] ?? null;
 

From a0f05d0be4dbbd5f6976dfcc9311a9d169f0eb40 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 12:50:41 -0700
Subject: [PATCH 79/97] docs(changelog): note Favorites offline banner fix in
 0.9.4

---
 CHANGELOG.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4dd13d5..b4286d7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -29,6 +29,9 @@
   (which now also carries `data-uuid`).
 - **ON/OFF badge no longer silently non-functional** — The tappable badge now routes through the real toggle pipeline with the slide-confirm gate; list views
   previously dropped clicks because no `.slide-confirm` element existed in their header.
+- **Favorites view now shows offline banner per contributing panel** — Previously the Favorites view silently hid the red "SPAN Panel unreachable" banner even
+  when a contributing panel was offline. The view now renders one banner row per offline panel, labeled with the panel's name (e.g. "Span Panel 2 unreachable"),
+  so users mixing favorites from multiple panels can see which one is down.
 
 ### Changed
 

From dcf82209032d78a8c4a4b4e26f40d2289dbb59ad Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 13:03:14 -0700
Subject: [PATCH 80/97] fix(side-panel): style unit-toggle so grid selector
 shows current setting

---
 CHANGELOG.md           |  2 ++
 src/core/side-panel.ts | 29 +++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b4286d7..9bd8820 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -32,6 +32,8 @@
 - **Favorites view now shows offline banner per contributing panel** — Previously the Favorites view silently hid the red "SPAN Panel unreachable" banner even
   when a contributing panel was offline. The view now renders one banner row per offline panel, labeled with the panel's name (e.g. "Span Panel 2 unreachable"),
   so users mixing favorites from multiple panels can see which one is down.
+- **Graph Settings → List View Columns selector now shows the current setting** — the 1/2/3 segmented control rendered without any styling in the side-panel's
+  shadow DOM, so the active option was invisible. The side-panel now ships its own `.unit-toggle` styles and highlights the current column count.
 
 ### Changed
 
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index ec411be..40d6178 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -268,6 +268,35 @@ const STYLES = `
     box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);
   }
 
+  .unit-toggle {
+    display: inline-flex;
+    border: 1px solid var(--divider-color, #e0e0e0);
+    border-radius: 6px;
+    overflow: hidden;
+  }
+  .unit-btn {
+    padding: 4px 10px;
+    border: none;
+    border-right: 1px solid var(--divider-color, #e0e0e0);
+    background: var(--card-background-color, #fff);
+    color: var(--primary-text-color, #212121);
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background 0.15s ease, color 0.15s ease;
+  }
+  .unit-btn:last-child {
+    border-right: none;
+  }
+  .unit-btn:hover:not(.unit-active) {
+    background: var(--secondary-background-color, #f5f5f5);
+  }
+  .unit-btn.unit-active {
+    background: var(--primary-color, #03a9f4);
+    color: #fff;
+    font-weight: 600;
+  }
+
   .monitoring-header {
     display: flex;
     align-items: center;

From 07046af1bfd68da8b942c9c57ea59ce8ba8d9bc5 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 13:17:20 -0700
Subject: [PATCH 81/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 34 ++++++++++++++++-----------------
 dist/span-panel.js      | 42 ++++++++++++++++++++---------------------
 2 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index e166dc4..b66a6fb 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,48 +1,48 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){e=i&&t[i]?i:"en"}function n(i){return t[e]?.[i]??t.en?.[i]??i}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},m="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,_={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},f={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:_.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&x.set(t,e))}return e}toString(){return this.cssText}};const C=e=>new S("string"==typeof e?e:e+"",void 0,w),$=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return C(t)})(e):e,{is:E,defineProperty:k,getOwnPropertyDescriptor:z,getOwnPropertyNames:P,getOwnPropertySymbols:A,getPrototypeOf:N}=Object,M=globalThis,L=M.trustedTypes,I=L?L.emptyScript:"",D=M.reactiveElementPolyfillSupport,T=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?I:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},O=(e,t)=>!E(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
+const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,O={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!k(e,t),F={attribute:!0,type:String,converter:O,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),M.litPropertyMetadata??=new WeakMap;let F=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&k(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const e=N(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const e=this.properties,t=[...P(e),...A(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift($(e))}else void 0!==e&&t.push($(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=b.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:H).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??O)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};F.elementStyles=[],F.shadowRootOptions={mode:"open"},F[T("elementProperties")]=new Map,F[T("finalized")]=new Map,D?.({ReactiveElement:F}),(M.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:O).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:O;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j=globalThis,q=e=>e,U=j.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,B="$lit$",G=`lit$${Math.random().toFixed(9).slice(2)}$`,V="?"+G,Q=`<${V}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+B+i.slice(c)+G+h):i+G+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(B)){const t=c[o++],i=n.getAttribute(e).split(G),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:ve}),n.removeAttribute(e)}else e.startsWith(G)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(G),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===V)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(G,e+1));)a.push({type:7,index:s}),e+=G.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new me(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ve{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends ve{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends ve{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends ve{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=j.litHtmlPolyfillSupport;Se?.(ge,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
+const q=globalThis,U=e=>e,W=q.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const Ce=q.litHtmlPolyfillSupport;Ce?.(_e,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class $e extends F{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}}$e._$litElement$=!0,$e.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:$e});const Ee=Ce.litElementPolyfillSupport;Ee?.({LitElement:$e}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */class Ee extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new ve(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}}Ee._$litElement$=!0,Ee.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Ee});const ke=$e.litElementPolyfillSupport;ke?.({LitElement:Ee}),($e.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Pe=(e=ze,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:R},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return(t,i)=>"object"==typeof i?Pe(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
+ */function Ne(e){return(t,n)=>"object"==typeof n?Ae(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ne(e){return Ae({...e,state:!0,attribute:!1})}const Me={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Le(e){return String(e).replace(/[&<>"']/g,e=>Me[e]??e)}const Ie="span_panel_list_columns";function De(){try{const e=localStorage.getItem(Ie);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function Te(e){try{localStorage.setItem(Ie,String(e))}catch{}}function He(e,t,i={}){const s=Le(e.device_name||n("header.default_name")),o=Le(e.serial||""),r=Le(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const i="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${i?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Oe=g.power;function Re(e){return Oe.unit(e)}function Fe(e){return(e<0?"-":"")+Oe.format(e)}function je(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function Ue(e){return e%2==0?1:0}function We(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(i)?"row-span":Ue(t)===Ue(i)?"col-span":"row-span"}function Be(e){const t=e.chart_metric??s;return g[t]??g[s]}function Ge(e,t){const i=function(e){return Be(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}function Ve(e){return new Promise(t=>setTimeout(t,e))}class Qe{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ve(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new Je,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ke(e,t){return e?.circuits?e.circuits[t]??null:null}function Ze(e){return!!e&&void 0!==e.continuous_threshold_pct}function Ye(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ze(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function et(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,v=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Le(t.name||n("grid.unknown")),$=Be(a);let E;if("current"===$.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;E=`<strong>${$.format(n)}</strong><span class="power-unit">A</span>`}else E=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=d&&Ze(d)?m:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Le(e)}" style="color:${P};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,i=e?r.states[e]:null,n=i?Math.abs(parseFloat(i.state)||0):0;M=Math.round(n/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${Ye(0,d,w,v)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Le(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function tt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},nt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},st={names:["state of energy"],suffixes:["_soe_kwh"]},ot={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function rt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function at(e){return rt(e,it)}function lt(e){return rt(e,nt)}function ct(e){return rt(e,st)}function dt(e){return rt(e,ot)}function ht(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Le(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Le(i)}">${Le(d)}</span>\n      </div>\n    `}return o}function pt(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Le(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Le(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Le(e)}_power"></div>`:""}function ut(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function gt(e){const t=r[e];return t?t.ms:r[o].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function ft(e){return Math.max(500,Math.floor(e/5e3))}function mt(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function vt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function bt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function yt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(n),l=ft(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,vt(t,a,l))}}}function wt(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:at(n)};n.type===d&&(e.soc=lt(n),e.soe=ct(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${i}_${n}`,devId:i})}return t}async function xt(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=Ge(n,i);if(!t)continue;let o;o=s&&s.has(e)?gt(s.get(e)):ut(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of wt(t)){let t;t=o&&o.has(s)?gt(o.get(s)):ut(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(bt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(yt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function St(e,t,i,n,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,n,o,r=!1){i||(i=g[s]);const a=n?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(i,n,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function Ct(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function $t(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&function(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=je(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=je(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=je(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=je(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}(o,t,i,n,s)}class Et{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Qe(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function kt(e,t){if(!e)return o;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??o}function zt(e,t){if(!e)return o;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??o}class Pt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new Et,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,kt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,zt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,kt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,zt(n,s))}}async loadHistory(){await xt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??o;if(!r[n]?.useRealtime)continue;const s=Ge(i,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=gt(n),d=_t(c),h=ft(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||mt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of wt(this._topology)){const s=this.subDeviceHorizonMap.get(n)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=gt(s),d=_t(c),h=ft(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||mt(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)r[i]?.useRealtime||t.set(e,i);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of wt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await xt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,i,s,o,r){if(!e||!i||!t)return;const a=ut(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==c&&(d+=Math.abs(s))}$t(e,t,i,s,d);const h=Be(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${Ct(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,m=d.device_type===c||_<0,v=d.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${Fe(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",m),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const C=f[S]??f.unknown,$=i.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=i.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=i.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=i.querySelector(".chart-container");if(z){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?gt(r.get(s)):a,p=d.device_type===c;St(z,t,e,l,h,m,n,d.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=ut(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${Ct(n)}"]`);if(!i)continue;const l=at(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${Fe(n)}</strong> <span class="power-unit">${Re(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=_.power;i.endsWith("_soc")?l=_.soc:i.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");St(e,t,a,o?.has(n)?gt(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${Ct(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Qe(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function At(e=""){const t=e?` value="${Le(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Le(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Nt(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,v=_?`${Math.round(_)}A`:"",b=Le(t.name||n("grid.unknown")),y=Be(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${Fe(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ze(o)?m:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Le(e)}" style="color:${k};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Le(e)}" data-uuid="${Le(e)}">\n      ${v?`<span class="breaker-badge">${v}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Le(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?i.states[h]:null,u=Ye(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Le(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function Lt(e){return`<div class="area-header" data-area="${Le(e)}" style="grid-column:1 / -1;">${Le(e)}</div>`}function It(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function Dt(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function Tt(e,t,i,n){const s=It(e,i,n),o=It(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ht(e,t,i){return e.sort((e,n)=>Tt(e[1],n[1],t,i))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=Ht(Object.entries(i.circuits),t,n);let a=o+At(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=Ke(s,Ot(i)),r=Dt(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,a+=Nt(e,i,t,n,o,r,l),l&&(a+=Mt(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+At(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=Ht(i,t,s);d+=Lt(e);for(const[e,i]of n){const n=Ke(o,Ot(i)),r=Dt(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Le(e)}">`,d+=Nt(e,i,t,s,n,r,a),a&&(d+=Mt(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=Be(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=It(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${Fe(n)}</strong><span class="power-unit">${Re(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>Tt(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Ct(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=Ke(this._monitoringStatus,Ot(t)),o=Mt(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function Ft(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class jt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:n("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:n("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Ut(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Wt="favorites-changed";async function Bt(e,t,i={}){const n=await e.callWS({type:"call_service",domain:a,service:t,service_data:i,return_response:!0});return n?.response??null}const Gt=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Vt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=m[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const i=`${Le(String(t.breaker_rating_a))}A · ${Le(String(t.voltage))}V · Tabs [${Le(String(t.tabs))}]`,n=this._createHeader(Le(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=De(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{Te(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Bt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Wt)),i?.favorites??{}}(this._hass,i):await async function(e,t){const i=await Bt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Wt)),i?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Le(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(Le(t.name),Le(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=Le(e),o=Le(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Le(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Gt){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Le(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Le(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Vt)}catch{}let Qt=class extends $e{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Oe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Re=_.power;function Fe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ue(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ue(t)===Ue(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Fe(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=qe(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Fe(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Fe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Fe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ot(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ot(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Fe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&o.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${n}`,g,()=>{const e={circuit_id:n,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
-          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:ce}
+          ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${i("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};Qt.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new S(i,e,w)})`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};Kt.styles=((e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new C(n,e,x)})`
     :host {
       display: block;
     }
@@ -92,12 +92,12 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Ne()],Qt.prototype,"_errors",void 0),Qt=v([ke("span-error-banner")],Qt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends $e{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new Pt,this._listCtrl=new Rt(this._ctrl),this._errorStore=new jt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:s,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(i(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
+  `,b([Me()],Kt.prototype,"_errors",void 0),Kt=b([ze("span-error-banner")],Kt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ft(this._ctrl),this._errorStore=new qt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:o,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(n(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
         <ha-card>
           <span-error-banner .store=${this._errorStore}></span-error-banner>
-          ${e?ce:ae`<div style="padding: 24px; color: var(--secondary-text-color);">${Le(n("card.connecting"))}</div>`}
+          ${e?de:le`<div style="padding: 24px; color: var(--secondary-text-color);">${Ie(i("card.connecting"))}</div>`}
         </ha-card>
-      `}return ae`
+      `}return le`
       <ha-card
         @click=${this._onCardClick}
         @graph-settings-changed=${this._onGraphSettingsChanged}
@@ -110,7 +110,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(i(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ft(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Qe(this._errorStore);try{const t=await async function(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=Ut((i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l)).find(e=>e.id===t));return await Ft(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,i){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,l]=await Promise.all([i?i.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),i?i.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Ut(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=l.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=l.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const i=e.states[t.entity_id];if(!i)continue;const n=i.attributes,s=n.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof n.friendly_name?n.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof n.voltage?n.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof n.device_type?n.device_type:"circuit",relay_state:"string"==typeof n.relay_state?n.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===a&&(f=e[1]);let m=0;for(const t of d){const i=e.states[t.entity_id];if(i&&"number"==typeof i.attributes.panel_size){m=i.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(n("card.panel_size_error"));const v={};for(const t of h){const i=l.filter(e=>e.device_id===t.id),n=(t.model??"").toLowerCase(),s=n.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=n.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of i){const i=t.entity_id.split(".")[0],n=e.states[t.entity_id],s=n?.attributes?.friendly_name;r[t.entity_id]={domain:i??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??n("header.default_name"),circuits:g,sub_devices:v};return await Ft(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:n("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(i=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${i.map(e=>{const t=e.id===s?" active":"",i=Le(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${i}" title="${Le(e.label)}"><ha-icon icon="${Le(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${i}">${Le(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const i=e=>{const i=e.target.closest(".shared-tab");if(i){const e=i.dataset.tab;e&&t(e)}};return e.addEventListener("click",i),()=>{e.removeEventListener("click",i)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var i,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),i=He(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":We(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=qe(Math.max(...i));0===Ue(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?Ke(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=et(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=tt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=et(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=tt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=et(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s||e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=at(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?lt(s):null,m=g?ct(s):null,v=g?dt(s):null,b=ht(s,t,i,new Set([r,f,m,v].filter(e=>null!==e))),y=pt(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Le(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Le(o)}</span>\n          <span class="sub-device-name">${Le(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${Fe(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Le(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${i}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=He(this._topology,this._config);this._listCtrl.setColumns(De()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const i=t.closest(".unit-btn");if(i)return void this._onUnitToggle(i);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>ae`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??Ut(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(f=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=Ut(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Oe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ue(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Fe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -122,7 +122,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
             <path d="${e.path}" fill="none" stroke="var(--primary-color,#4dd9af)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
           </svg>
         </div>
-      `);return ae`
+      `);return le`
       <ha-card>
         <div style="padding: 16px;">
           <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;">
@@ -130,7 +130,7 @@ const ke=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
             <span style="font-size:0.75em;color:var(--secondary-text-color);">Live Power</span>
           </div>
           <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">${e}</div>
-          <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${n("card.no_device")}</div>
+          <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${i("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Xt.styles=C('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),v([Ae({attribute:!1})],Xt.prototype,"hass",void 0),v([Ne()],Xt.prototype,"_config",void 0),v([Ne()],Xt.prototype,"_discovered",void 0),v([Ne()],Xt.prototype,"_discovering",void 0),v([Ne()],Xt.prototype,"_topology",void 0),v([Ne()],Xt.prototype,"_activeTab",void 0),Xt=v([ke("span-panel-card")],Xt);class Kt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===a)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===a)?.[1]??"",i=e.name_by_user??e.name??n("editor.panel_label");return{device_id:e.id,label:`${i} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",i="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",n="margin-bottom: 16px;";this._buildPanelSelector(e,t,i,n),this._buildTimeWindow(e,t,i,n),this._buildMetricSelector(e,t,i,n),this._buildTabStyleSelector(e,t,i,n),this._buildSectionCheckboxes(e,i,n),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.panel_label"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=n("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_window"),r.style.cssText=i;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,i,n)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=i,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=n,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",n("editor.days")),g=c(h,"0","23",n("editor.hours")),_=c(p,"0","59",n("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.chart_metric"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,i,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=n("editor.tab_style"),r.style.cssText=i;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:n("editor.tab_style_text")},{value:"icon",text:n("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,i){const s=document.createElement("div");s.style.cssText=i;const o=document.createElement("label");o.textContent=n("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:n("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:n("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:n("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const i=document.createElement("input");i.type="checkbox",i.checked=!1!==this._config[e.key],i.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const n=document.createElement("span");n.textContent=e.label,n.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(i),t.appendChild(n),s.appendChild(t),this._checkboxes[e.key]=i;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=i.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),i.addEventListener("change",()=>{this._config={...this._config,[e.key]:i.checked},o&&(o.style.display=i.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,i){const n=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===n||"battery power"===n||s.endsWith("_power"))return!0;if("bess"===i){if("battery level"===n||"battery percentage"===n||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===n||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===n||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,i]of Object.entries(e)){const e=i.type?this._entityContainers[i.type]:void 0;if(e&&(e.innerHTML="",i.entities))for(const[n,s]of Object.entries(i.entities)){if("sensor"===s.domain&&this._isChartEntity(n,s,i.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[n],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??n;const c=i.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[n]=!0:delete e[n],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${a}/panel_topology`,device_id:e}),i=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))i.add(t);this._availableRoles=i,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??s;e.innerHTML="";for(const[i,n]of Object.entries(g)){if(this._availableRoles&&!this._availableRoles.has(n.entityRole))continue;const s=document.createElement("option");s.value=i,s.textContent=n.label(),i===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??s),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Kt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),_=c(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(_)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index e1a0248..e04d947 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,58 +1,58 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function i(i){return t[e]?.[i]??t.en?.[i]??i}const n="power",s="5m",o={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},r="span_panel",a="CLOSED",l="pv",c="bess",d="evse",h="sub_",p=500,u={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},g={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:u.power},_={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},f="#ff9800";function v(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}function i(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},v="#ff9800";function m(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const m=globalThis,b=m.ShadowRoot&&(void 0===m.ShadyCSS||m.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,y=Symbol(),w=new WeakMap;let x=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(b&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=w.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&w.set(t,e))}return e}toString(){return this.cssText}};const S=e=>new x("string"==typeof e?e:e+"",void 0,y),$=(e,...t)=>{const i=1===e.length?e[0]:t.reduce((t,i,n)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[n+1],e[0]);return new x(i,e,y)},C=b?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return S(t)})(e):e,{is:k,defineProperty:E,getOwnPropertyDescriptor:P,getOwnPropertyNames:z,getOwnPropertySymbols:A,getPrototypeOf:M}=Object,N=globalThis,I=N.trustedTypes,T=I?I.emptyScript:"",D=N.reactiveElementPolyfillSupport,L=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?T:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(e){i=null}}return i}},H=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:H};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",L=I.reactiveElementPolyfillSupport,F=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!P(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;let R=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),n=this.getPropertyDescriptor(e,i,t);void 0!==n&&E(this.prototype,e,n)}}static getPropertyDescriptor(e,t,i){const{get:n,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:n,set(t){const o=n?.call(this);s?.call(this,t),this.requestUpdate(e,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...z(e),...A(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const i=this._$Eu(e,t);void 0!==i&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(C(e))}else void 0!==e&&t.push(C(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const i of t){const t=document.createElement("style"),n=m.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=i.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){const i=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,i);if(void 0!==n&&!0===i.reflect){const s=(void 0!==i.converter?.toAttribute?i.converter:F).toAttribute(t,i.type);this._$Em=e,null==s?this.removeAttribute(n):this.setAttribute(n,s),this._$Em=null}}_$AK(e,t){const i=this.constructor,n=i._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=i.getPropertyOptions(n),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=n;const o=s.fromAttribute(t,e.type);this[n]=o??this._$Ej?.get(n)??o,this._$Em=null}}requestUpdate(e,t,i,n=!1,s){if(void 0!==e){const o=this.constructor;if(!1===n&&(s=this[e]),i??=o.getPropertyOptions(e),!((i.hasChanged??H)(s,t)||i.useDefault&&i.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,i))))return;this.C(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:n,wrapped:s},o){i&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),!0===n&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e){const{wrapped:e}=i,n=this[t];!0!==e||this._$AL.has(t)||void 0===n||this.C(t,void 0,i,n)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[L("elementProperties")]=new Map,R[L("finalized")]=new Map,D?.({ReactiveElement:R}),(N.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(F("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(F("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(F("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[F("elementProperties")]=new Map,q[F("finalized")]=new Map,L?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,j=e=>e,U=q.trustedTypes,W=U?U.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,B="?"+V,Q=`<${B}>`,J=document,X=()=>J.createComment(""),K=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Z=Array.isArray,Y="[ \t\n\f\r]",ee=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,te=/-->/g,ie=/>/g,ne=RegExp(`>|${Y}(?:([^\\s"'>=/]+)(${Y}*=${Y}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),se=/'/g,oe=/"/g,re=/^(?:script|style|textarea|title)$/i,ae=(e=>(t,...i)=>({_$litType$:e,strings:t,values:i}))(1),le=Symbol.for("lit-noChange"),ce=Symbol.for("lit-nothing"),de=new WeakMap,he=J.createTreeWalker(J,129);function pe(e,t){if(!Z(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==W?W.createHTML(t):t}const ue=(e,t)=>{const i=e.length-1,n=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=ee;for(let t=0;t<i;t++){const i=e[t];let a,l,c=-1,d=0;for(;d<i.length&&(r.lastIndex=d,l=r.exec(i),null!==l);)d=r.lastIndex,r===ee?"!--"===l[1]?r=te:void 0!==l[1]?r=ie:void 0!==l[2]?(re.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ne):void 0!==l[3]&&(r=ne):r===ne?">"===l[0]?(r=s??ee,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ne:'"'===l[3]?oe:se):r===oe||r===se?r=ne:r===te||r===ie?r=ee:(r=ne,s=void 0);const h=r===ne&&e[t+1].startsWith("/>")?" ":"";o+=r===ee?i+Q:c>=0?(n.push(a),i.slice(0,c)+G+i.slice(c)+V+h):i+V+(-2===c?t:h)}return[pe(e,o+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),n]};class ge{constructor({strings:e,_$litType$:t},i){let n;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ue(e,t);if(this.el=ge.createElement(l,i),he.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(n=he.nextNode())&&a.length<r;){if(1===n.nodeType){if(n.hasAttributes())for(const e of n.getAttributeNames())if(e.endsWith(G)){const t=c[o++],i=n.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:i,ctor:"."===r[1]?be:"?"===r[1]?ye:"@"===r[1]?we:me}),n.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),n.removeAttribute(e));if(re.test(n.tagName)){const e=n.textContent.split(V),t=e.length-1;if(t>0){n.textContent=U?U.emptyScript:"";for(let i=0;i<t;i++)n.append(e[i],X()),he.nextNode(),a.push({type:2,index:++s});n.append(e[t],X())}}}else if(8===n.nodeType)if(n.data===B)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=n.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const i=J.createElement("template");return i.innerHTML=e,i}}function _e(e,t,i=e,n){if(t===le)return t;let s=void 0!==n?i._$Co?.[n]:i._$Cl;const o=K(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,i,n)),void 0!==n?(i._$Co??=[])[n]=s:i._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,n)),t}class fe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,n=(e?.creationScope??J).importNode(t,!0);he.currentNode=n;let s=he.nextNode(),o=0,r=0,a=i[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new xe(s,this,e)),this._$AV.push(t),a=i[++r]}o!==a?.index&&(s=he.nextNode(),o++)}return he.currentNode=J,n}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,i,n){this.type=2,this._$AH=ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=n,this._$Cv=n?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),K(e)?e===ce||null==e||""===e?(this._$AH!==ce&&this._$AR(),this._$AH=ce):e!==this._$AH&&e!==le&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Z(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==ce&&K(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:i}=e,n="number"==typeof i?this._$AC(e):(void 0===i.el&&(i.el=ge.createElement(pe(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===n)this._$AH.p(t);else{const e=new fe(n,this),i=e.u(this.options);e.p(t),this.T(i),this._$AH=e}}_$AC(e){let t=de.get(e.strings);return void 0===t&&de.set(e.strings,t=new ge(e)),t}k(e){Z(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,n=0;for(const s of e)n===t.length?t.push(i=new ve(this.O(X()),this.O(X()),this,this.options)):i=t[n],i._$AI(s),n++;n<t.length&&(this._$AR(i&&i._$AB.nextSibling,n),t.length=n)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=j(e).nextSibling;j(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class me{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,n,s){this.type=1,this._$AH=ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=n,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=ce}_$AI(e,t=this,i,n){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!K(e)||e!==this._$AH&&e!==le,o&&(this._$AH=e);else{const n=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,n[i+r],t,r),a===le&&(a=this._$AH[r]),o||=!K(a)||a!==this._$AH[r],a===ce?e=ce:e!==ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!n&&this.j(e)}j(e){e===ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class be extends me{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===ce?void 0:e}}class ye extends me{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==ce)}}class we extends me{constructor(e,t,i,n,s){super(e,t,i,n,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??ce)===le)return;const i=this._$AH,n=e===ce&&i!==ce||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,s=e!==ce&&(i===ce||n);n&&this.element.removeEventListener(this.name,this,i),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class xe{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Se=q.litHtmlPolyfillSupport;Se?.(ge,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+B,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+B+h):n+B+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(B),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(B)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(B),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(B,e+1));)a.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class ve{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ve(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const $e=j.litHtmlPolyfillSupport;$e?.(_e,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let Ce=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const n=i?.renderBefore??t;let s=n._$litPart$;if(void 0===s){const e=i?.renderBefore??null;n._$litPart$=s=new ve(t.insertBefore(X(),e),e,void 0,i??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return le}};Ce._$litElement$=!0,Ce.finalized=!0,$e.litElementHydrateSupport?.({LitElement:Ce});const ke=$e.litElementPolyfillSupport;ke?.({LitElement:Ce}),($e.litElementVersions??=[]).push("4.2.2");
+ */let ke=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}};ke._$litElement$=!0,ke.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:ke});const Pe=Ce.litElementPolyfillSupport;Pe?.({LitElement:ke}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:H},ze=(e=Pe,t,i)=>{const{kind:n,metadata:s}=i;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===n&&((e=Object.create(e)).wrapped=!0),o.set(i.name,e),"accessor"===n){const{name:n}=i;return{set(i){const s=t.get.call(this);t.set.call(this,i),this.requestUpdate(n,s,e,!0,i)},init(t){return void 0!==t&&this.C(n,void 0,e,t),t}}}if("setter"===n){const{name:n}=i;return function(i){const s=this[n];t.call(this,i),this.requestUpdate(n,s,e,!0,i)}}throw Error("Unsupported decorator location: "+n)};
+const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ae(e){return(t,i)=>"object"==typeof i?ze(e,t,i):((e,t,i)=>{const n=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),n?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
+ */function Ne(e){return(t,n)=>"object"==typeof n?Ae(e,t,n):((e,t,n)=>{const i=t.hasOwnProperty(n);return t.constructor.createProperty(n,e),i?Object.getOwnPropertyDescriptor(t,n):void 0})(e,t,n)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ae({...e,state:!0,attribute:!1})}
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Ne=2;class Ie{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
+ */const Ie=2;class Te{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class Te extends Ie{constructor(e){if(super(e),this.it=ce,e.type!==Ne)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===ce||null==e)return this._t=void 0,this.it=e;if(e===le)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Te.directiveName="unsafeHTML",Te.resultType=1;const De=(e=>(...t)=>({_$litDirective$:e,values:t}))(Te);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._panelStatusEntityId=null,this._wasOffline=!1}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._panelStatusEntityId=null,this._wasOffline=!1):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this._panelStatusEntityId!==e&&(this._wasOffline=!1,this._persistent.delete("panel-offline"),this._notify()),this._panelStatusEntityId=e}clearPanelStatusWatch(){this._panelStatusEntityId=null,this._wasOffline=!1,this._persistent.delete("panel-offline")&&this._notify()}updateHass(e){if(null===this._panelStatusEntityId)return;const t=e.states[this._panelStatusEntityId]?.state;if("on"===t){const e=this._wasOffline;this._wasOffline=!1,this.remove("panel-offline"),e&&this.add({key:"panel-reconnected",level:"info",message:i("error.panel_reconnected"),persistent:!1})}else this._wasOffline=!0,this.hasPersistent("panel-offline")||this.add({key:"panel-offline",level:"error",message:i("error.panel_offline"),persistent:!0})}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._panelStatusEntityId=null,this._wasOffline=!1}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const Fe={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function He(e){return String(e).replace(/[&<>"']/g,e=>Fe[e]??e)}const Oe="span_panel_list_columns";function Re(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Oe,String(e))}catch{}}function je(e){return new Promise(t=>setTimeout(t,e))}class Ue{constructor(e){this._store=e}async callWS(e,t,i){const n=i?.retries??3,s=i?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),n,s,i?.errorMessage)}async callService(e,t,i,n,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${i}`;return this._withRetry(()=>e.callService(t,i,n,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await je(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const We="favorites-changed";async function Ge(e,t,i={}){const n=await e.callWS({type:"call_service",domain:r,service:t,service_data:i,return_response:!0});return n?.response??null}class Ve{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:r,service:"get_favorites",service_data:{},return_response:!0},n=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:i("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=n?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:i("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Be(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Qe=Object.keys(_).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const i=document.createElement("style");i.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(i);const n=document.createElement("div");n.className="backdrop",n.addEventListener("click",()=>this.close()),t.appendChild(n);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const r=document.createElement("div");r.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??s,d=a?.circuits??{};r.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const u=document.createElement("div");u.className="section-label",u.textContent=i("sidepanel.graph_horizon"),h.appendChild(u);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),r.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const s=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(r.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&s.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,u=document.createElement("select");u.dataset.uuid=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),u.appendChild(t)}if(u.addEventListener("change",()=>{this._debounce(`circuit-${n}`,p,()=>{const e={circuit_id:n,horizon:u.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(u),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{u.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const s=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,r]of s){const s=document.createElement("div");s.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=r.name||n,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",s.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(r.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&s.appendChild(e)}const l=v[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(o)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,p,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),s.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),s.appendChild(e)}e.appendChild(s)}r.appendChild(e)}e.appendChild(r)}_renderCircuitMode(e,t){const i=`${He(String(t.breaker_rating_a))}A · ${He(String(t.voltage))}V · Tabs [${He(String(t.tabs))}]`,n=this._createHeader(He(t.name),i);e.appendChild(n);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[i,n]of Object.entries(e)){if("sensor"===n.domain)return i;t||(t=i)}return t}_buildSubDeviceFavoriteHeart(e,t){const i=this._subDeviceFavoriteEntityId(e);return i?this._buildHeartButton(i,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Re(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const i=this._favoriteEntityId(e);return i?this._buildHeartButton(i,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const i=await Ge(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(We)),i?.favorites??{}}(this._hass,n):await async function(e,t){const i=await Ge(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(We)),i?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const i=this._favoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${He(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const i=this._createHeader(He(t.name),He(t.deviceType));e.appendChild(i);const n=document.createElement("div");n.className="panel-body",e.appendChild(n),t.showFavorites&&this._renderSubDeviceFavoriteSection(n,t),this._renderSubDeviceHorizonSection(n,t)}_renderSubDeviceFavoriteSection(e,t){const i=this._subDeviceFavoriteEntityId(t.entities);i&&this._appendFavoriteHeartSection(e,i,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const i=document.createElement("div");i.className="panel-header";const n=document.createElement("div"),s=He(e),o=He(t);n.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),i.appendChild(n),i.appendChild(r),i}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${He(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Qe){const t=_[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const r=document.createElement("div");r.className="section-label",r.textContent=i("sidepanel.graph_horizon"),n.appendChild(r);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||s,d=a?.globalHorizon||s,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(o))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const i=t.dataset.horizon;t.classList.toggle("active",i===e),t.classList.toggle("referenced","global"===e&&i===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${He(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${He(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),u=document.createElement("input");u.type="number",u.min=String(s),u.max=String(o),u.value=String(n),u.dataset.role=`threshold-${t}`,l&&(u.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(u),h.appendChild(g),l||u.addEventListener("input",()=>{this._debounce(`threshold-${t}`,p,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const i=this._hass?.states?.[e.entities.switch]?.state;"on"===i?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const i=this._hass?.states?.[e.entities.select]?.state||"";t.value=i}}}}_callService(e,t,i){return this._hass?Promise.resolve(this._hass.callService(e,t,i)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:r,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,i){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],i()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Ce{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?ce:ae`${this._errors.map(e=>ae`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Le=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Fe{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
-          ${e.retryFn?ae`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${i("error.retry")}</button>`:ce}
+          ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ke(e,t){const[i,n,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of i)o.set(e.area_id,e.name);const r=new Map;for(const e of n)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const i of Object.values(e.entities)){if(!i)continue;const e=r.get(i);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ze(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${r}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),a=o.panel_size??function(e){let t=0;for(const i of Object.values(e))if(i)for(const e of i.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!a)throw new Error(i("card.topology_error"));const l={type:"config/device_registry/list"},c=n?await n.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ke(e,o),{topology:o,panelDevice:d,panelSize:a}}function Ye(e,t,n){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${n?` data-stats-panel-id="${He(n)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function et(e,t,n={}){const s=He(e.device_name||i("header.default_name")),o=He(e.serial||""),r=He(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${Ye(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(_).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Xe.styles=$`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function tt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${et(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,16 +102,16 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,v([Me()],Xe.prototype,"_errors",void 0),Xe=v([Ee("span-error-banner")],Xe);const tt=u.power;function it(e){return tt.unit(e)}function nt(e){return(e<0?"-":"")+tt.format(e)}function st(e){return(Math.abs(e)/1e3).toFixed(1)}function ot(e){return Math.ceil(e/2)}function rt(e){return e%2==0?1:0}function at(e){if(2!==e.length)return null;const[t,i]=[Math.min(...e),Math.max(...e)];return ot(t)===ot(i)?"row-span":rt(t)===rt(i)?"col-span":"row-span"}function lt(e){const t=e.chart_metric??n;return u[t]??u[n]}function ct(e,t){const i=function(e){return lt(e).entityRole}(t);return e.entities?.[i]??e.entities?.power??null}class dt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ht{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let i=this._caches.get(t);return i||(i=new dt,i.errorStore=this._errorStore,this._caches.set(t,i)),i.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function pt(e,t){return e?.circuits?e.circuits[t]??null:null}function ut(e){return!!e&&void 0!==e.continuous_threshold_pct}function gt(e,t,i,n){const s=[];return i||s.push("circuit-off"),n&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),ut(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function _t(e,t,n,s,o,r,c,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,v=g&&parseFloat(g.state)||0,m=t.device_type===l||v<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===a,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=He(t.name||i("grid.unknown")),C=lt(c);let k;if("current"===C.entityRole){const e=t.entities?.current,i=e?r.states[e]:null,n=i&&parseFloat(i.state)||0;k=`<strong>${C.format(n)}</strong><span class="power-unit">A</span>`}else k=`<strong>${nt(v)}</strong><span class="power-unit">${it(v)}</span>`;const E=h||"unknown";let P="";if("unknown"!==E){const e=_[E]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};P=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&ut(d)?f:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${He(e)}" style="color:${z};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let M="",N=d?.utilization_pct??null;if(null==N&&t.breaker_rating_a){const e=t.entities?.current,i=e?r.states[e]:null,n=i?Math.abs(parseFloat(i.state)||0):0;N=Math.round(n/t.breaker_rating_a*1e3)/10}if(null!=N){M=`<span class="utilization ${N>=100?"utilization-alert":N>=80?"utilization-warning":"utilization-normal"}">${Math.round(N)}%</span>`}return`\n    <div class="circuit-slot ${gt(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${He(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${M}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${P}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function ft(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const vt={names:["power","battery power"],suffixes:["_power"]},mt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},bt={names:["state of energy"],suffixes:["_soe_kwh"]},yt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function wt(e,t){if(!e.entities)return null;for(const[i,n]of Object.entries(e.entities)){if("sensor"!==n.domain)continue;const e=(n.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return i;if(n.unique_id&&t.suffixes.some(e=>n.unique_id.endsWith(e)))return i}return null}function xt(e){return wt(e,vt)}function St(e){return wt(e,mt)}function $t(e){return wt(e,bt)}function Ct(e){return wt(e,yt)}function kt(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===c&&!s)&&!(e.type===d&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===d).length;let l=0,h="";for(const[e,s]of r){const o=s.type===d?i("subdevice.ev_charger"):s.type===c?i("subdevice.battery"):i("subdevice.fallback"),r=xt(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===c,_=s.type===d,f=g?St(s):null,v=g?$t(s):null,m=g?Ct(s):null,b=Et(s,t,n,new Set([r,f,v,m].filter(e=>null!==e))),y=Pt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),h+=`\n      <div class="sub-device ${w}" data-subdev="${He(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${He(o)}</span>\n          <span class="sub-device-name">${He(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${nt(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${He(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return h}function Et(e,t,i,n){const s=i.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[i,r]of Object.entries(e.entities)){if(n.has(i))continue;if(!0!==s[i])continue;const a=t.states[i];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||i;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${He(l)}:</span>\n        <span class="sub-entity-value" data-eid="${He(i)}">${He(d)}</span>\n      </div>\n    `}return o}function Pt(e,t,n,s,o,r){if(n){const t=[{key:`${h}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${h}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${h}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${He(e.title)}</div>\n            <div class="chart-container" data-chart-key="${He(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${h}${He(e)}_power"></div>`:""}function zt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,i=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(i,6e4)}function At(e){const t=o[e];return t?t.ms:o[s].ms}function Mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Nt(e){return Math.max(500,Math.floor(e/5e3))}function It(e,t,i,n,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:n,value:i});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Tt(e,t,i=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const n=[e[0]];for(let t=1;t<e.length;t++)e[t].time-n[n.length-1].time>=i&&n.push(e[t]);return n.length>t&&n.splice(0,n.length-t),n}async function Dt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=n/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const i=e.start;i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(n,t)}}}async function Lt(e,t,i,n,s){const o=new Date(Date.now()-n).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Mt(n),l=Nt(n);for(const[e,t]of Object.entries(r)){const n=i.get(e);if(!n||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const i=1e3*(e.lu||e.lc||0);i>0&&o.push({time:i,value:t})}if(o.length>0){const e=s.get(n)||[],t=[...o,...e];s.set(n,Tt(t,a,l))}}}function Ft(e){if(!e.sub_devices)return[];const t=[];for(const[i,n]of Object.entries(e.sub_devices)){const e={power:xt(n)};n.type===c&&(e.soc=St(n),e.soe=$t(n));for(const[n,s]of Object.entries(e))s&&t.push({entityId:s,key:`${h}${i}_${n}`,devId:i})}return t}async function Ht(e,t,i,n,s,o){if(!t||!e)return;const r=new Map;for(const[e,n]of Object.entries(t.circuits)){const t=ct(n,i);if(!t)continue;let o;o=s&&s.has(e)?At(s.get(e)):zt(i),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:n,devId:s}of Ft(t)){let t;t=o&&o.has(s)?At(o.get(s)):zt(i),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,n)}const a=[];for(const[t,i]of r){if(0===i.entityIds.length)continue;t>2592e5?a.push(Dt(e,i.entityIds,i.uuidByEntity,t,n)):a.push(Lt(e,i.entityIds,i.uuidByEntity,t,n))}await Promise.all(a)}function Ot(e,t,i,s,o,r,a,l,c){const{options:d,series:h}=function(e,t,i,s,o,r=!1){i||(i=u[n]);const a=s?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==i.fixedMin&&void 0!==i.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),g=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const i of e)i[1]>t&&(t=i[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>i.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=i.fixedMin,f.max=i.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===i.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),g.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),g.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],n=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${n}<br/><strong>${i.format(s)} ${i.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:g}}(i,s,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let g=e.querySelector("ha-chart-base");g||(g=document.createElement("ha-chart-base"),g.style.display="block",g.style.width="100%",g.hass=t,e.innerHTML="",e.appendChild(g));const _=e.clientHeight;g.height=(_>0?_:p)+"px",g.hass=t,g.options=d,g.data=h}function Rt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function qt(e,t,i,n,s){const o="current"===(n.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=i.panel_entities?.site_power,n=e?t.states[e]:null,s=n?parseFloat(n.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const n=i.panel_entities?.site_power;if(n){const i=t.states[n];i&&(e=Math.abs(parseFloat(i.state)||0))}r&&(r.textContent=st(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=i.panel_entities?.current_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;l.textContent=st(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=i.panel_entities?.feedthrough_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=n?Math.abs(parseFloat(n.state)||0):0;d.textContent=st(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=i.panel_entities?.pv_power,n=e?t.states[e]:null;if(o){const e=n?parseFloat(n.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(n){const e=Math.abs(parseFloat(n.state)||0);p.textContent=st(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=i.panel_entities?.battery_level,n=e?t.states[e]:null;n&&(g.textContent=`${Math.round(parseFloat(n.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=i.panel_entities?.dsm_state,n=e?t.states[e]:null;_.textContent=n?t.formatEntityState?.(n)||n.state:"--"}}function jt(e,t,n,s,o,r){if(!e||!n||!t)return;const c=zt(s);let d=0;for(const[,e]of Object.entries(n.circuits)){const i=e.entities?.power;if(!i)continue;const n=t.states[i],s=n&&parseFloat(n.state)||0;e.device_type!==l&&(d+=Math.abs(s))}!function(e,t,i,n,s){const o=e.querySelector(".panel-stats");o&&qt(o,t,i,n,s)}(e,t,n,s,d);const h=lt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${Rt(s)}"]`);if(!n)continue;const u=d.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,v=d.device_type===l||f<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===a,w=n.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;w.innerHTML=`<strong>${h.format(n)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${nt(f)}</strong><span class="power-unit">${it(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,i=e?t.states[e]:null;S=i?i.state:"unknown"}const $=_[S]??_.unknown,C=n.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=n.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const E=n.querySelector(".shedding-label");E&&($.textLabel?(E.textContent=$.textLabel,E.style.color=$.color,E.style.display=""):E.style.display="none");const P=n.querySelector(".chart-container");if(P){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,a=r?.has(s)?At(r.get(s)):c,p=d.device_type===l;Ot(P,t,e,a,h,v,i,d.breaker_rating_a??void 0,p)}}}class Ut{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ue(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:r,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Wt(e,t){if(!e)return s;const i=e.circuits?.[t];return i?.has_override?i.horizon:e.global_horizon??s}function Gt(e,t){if(!e)return s;const i=e.sub_devices?.[t];return i?.has_override?i.horizon:e.global_horizon??s}class Vt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new dt,this.monitoringMultiCache=new ht,this.graphSettingsCache=new Ut,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,i,n){this._topology=e,this._config=t,this._hass=i,this._configEntryId=n}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Wt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Gt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const i={},n={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(i,s.circuits),s.mains&&Object.assign(n,s.mains));return t?{circuits:i,mains:n}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.horizonMap.set(e,Wt(n,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const i=this._favRefs[e],n=i?.configEntryId?t.get(i.configEntryId)??null:null,s=i?.targetId??e;this.subDeviceHorizonMap.set(e,Gt(n,s))}}async loadHistory(){await Ht(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,i]of Object.entries(this._topology.circuits)){const n=this.horizonMap.get(t)??s;if(!o[n]?.useRealtime)continue;const r=ct(i,this._config);if(!r)continue;const a=this._hass.states[r];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=At(n),d=Mt(c),h=Nt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||It(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:i,devId:n}of Ft(this._topology)){const r=this.subDeviceHorizonMap.get(n)??s;if(!o[r]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=At(r),d=Mt(c),h=Nt(c),p=e-c,u=this.powerHistory.get(i)??[];u.length>0&&e-u[u.length-1].time<h||It(this.powerHistory,i,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,i]of this.horizonMap)o[i]?.useRealtime||t.set(e,i);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)o[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of Ft(this._topology))n.has(t)&&s.add(e);const r=new Map;try{await Ht(this._hass,this._topology,this._config,r,t,n);for(const e of t.keys()){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=r.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(jt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,i,n,s,o){if(!i.sub_devices)return;const r=zt(n);for(const[n,a]of Object.entries(i.sub_devices)){const i=e.querySelector(`[data-subdev="${Rt(n)}"]`);if(!i)continue;const l=xt(a);if(l){const e=t.states[l],n=e&&parseFloat(e.state)||0,s=i.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${nt(n)}</strong> <span class="power-unit">${it(n)}</span>`)}const c=i.querySelectorAll("[data-chart-key]");for(const e of c){const i=e.dataset.chartKey;if(!i)continue;const a=s.get(i)||[];let l=g.power;i.endsWith("_soc")?l=g.soc:i.endsWith("_soe")&&(l=g.soe);const c=!!e.closest(".bess-chart-col");Ot(e,t,a,o?.has(n)?At(o.get(n)):r,l,!1,c?120:150,void 0,i.endsWith("_soc")||i.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const n=i.querySelector(`[data-eid="${Rt(e)}"]`);if(!n)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}n.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const i=e.target,n=i?.closest(".gear-icon");if(!n)return;const o=t.querySelector("span-side-panel");if(!o||!this._hass)return;if(o.hass=this._hass,o.errorStore=this.errorStore,n.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void o.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=n.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,i=t&&"circuit"===t.kind?t.targetId:r,n=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(n),this._fetchMonitoringStatusFresh(n)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,n),this.monitoringCache.fetch(this._hass,n)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??s,p=a?.circuits?.[i],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(i)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void o.open({...e,uuid:i,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:n})}}const a=n.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,i=t&&"sub_device"===t.kind?t.targetId:a,n=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(n):(await this.graphSettingsCache.fetch(this._hass,n),r=this.graphSettingsCache.settings);const l=r?.global_horizon??s,c=r?.sub_devices?.[i],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(i)??!1),u=this._inFavoritesView||null!==this._panelFavorites;o.open({subDeviceMode:!0,subDeviceId:i,name:e.name??i,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:n})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:r,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ue(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),a=o?.response;return a?{circuits:a.circuits,mains:a.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const i=e.querySelector(".slide-confirm-knob"),n=e.querySelector(".slide-confirm-text");if(!i||!n)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-i.offsetLeft,r=e.offsetWidth-i.offsetWidth-4,i.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));i.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(i.offsetLeft-2)/r>=.9?(i.style.left=r+"px",e.classList.add("confirmed"),i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),n.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(i.classList.add("snapping"),i.style.left="2px")};i.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),i.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),i.classList.add("snapping"),i.style.left="2px",i.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),n.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const i=t[0];if(!i)return;const n=i.contentRect.width;Math.abs(n-this._lastWidth)<5||(this._lastWidth=n,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Bt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Qt{constructor(){this._ctrl=new Vt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,n,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ze(t,n);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${He(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=et(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,i,n,s){const o=new Map,r=new Set;for(const[t,i]of Object.entries(e.circuits)){const e=i.tabs;if(!e||0===e.length)continue;const n=Math.min(...e),s=1===e.length?"single":at(e)??"single";o.set(n,{uuid:t,circuit:i,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const i=t.circuit.tabs,n=ot(Math.max(...i));0===rt(e)?a.add(n):l.add(n)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,n=s?pt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&i.states[t]?i.states[t].state:"unknown"}return{monInfo:n,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=_t(h.uuid,h.circuit,e,"2 / 4","row-span",i,n,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=ft(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=_t(h.uuid,h.circuit,e,"2",h.layout,i,n,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=ft(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=_t(p.uuid,p.circuit,e,"3",p.layout,i,n,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=kt(r,t,s);e.innerHTML=`\n      <style>${Bt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Jt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Xt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Kt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Zt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function ei(e,t,i,n,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${i??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${n}</span>\n  </td>`}class ti{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,n,s=""){let o;void 0!==n&&(this._configEntryId=n),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const i=await t.callWS({type:"call_service",domain:r,service:"get_monitoring_status",service_data:e,return_response:!0});o=i?.response||null}catch{o=null}const a=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=a.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=a.notification_title_template??"SPAN: {name} {alert_type}",m=a.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=a.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ei(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${ei(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${ei(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${ei(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const n=He(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=He(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${n}</span>\n              </label>\n            </td>\n            ${ei(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${ei(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${ei(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${ei(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${i("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${i("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${i("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${a.continuous_threshold_pct??80}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${a.spike_threshold_pct??100}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${a.window_duration_m??5}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Kt}">${i("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${a.cooldown_duration_m??15}"\n                     style="${Xt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${i("notification.heading")}</h4>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${i("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?i("notification.event_bus_target"):He(e)).join(", "):i("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${i("notification.no_targets")}</div>`:u.map(e=>{const n=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?i("notification.event_bus_target"):r?`${He(r)} (${He(e)})`:He(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${He(e)}"\n                                     ${n?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${i(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?i("notification.hint.critical"):"time-sensitive"===b?i("notification.hint.time_sensitive"):"passive"===b?i("notification.hint.passive"):"active"===b?i("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${He(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${Yt}">\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Zt}">${i("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${He(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${Yt}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${i("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${i("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${i("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Zt}">${i("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${i("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${i("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${i("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${i("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${i("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const E=e.querySelector("#toggle-all-circuits");E&&!S&&$&&(E.indeterminate=!0);const P=e.querySelector("#notify-all-targets");if(P&&u.length>0){const e=_.length>0;!f&&e&&(P.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:r,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const n=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,n),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:i("error.failed_save");o.textContent=`${i("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},p)};n&&n.addEventListener("change",async()=>{const o=n.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,i)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:i("error.failed");r.textContent=`${i("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const n=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!n||!s)return;n.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const i=e.querySelector("#notify-target-select");i&&!i.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=n.map(e=>"event_bus"===e?i("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):i("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:n.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const n=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),a=(e,n)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:n})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}},p)};n&&n.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:n.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{a("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{a("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=i("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const n=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:n});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:r,service:"test_notification",service_data:s}),c&&(c.textContent=i("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:i("error.failed");c.textContent=`${i("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,n,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const a=o.checked,l=[...Object.keys(n).map(e=>t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:a})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const n of e.querySelectorAll(".mains-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const n of e.querySelectorAll(".circuit-toggle"))n.addEventListener("change",async()=>{const s=n.dataset.entity,o=n.checked;try{await t.callWS({type:"call_service",domain:r,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),void(n.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const n=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,a=n.get(o);a&&clearTimeout(a),n.set(o,setTimeout(async()=>{const n=parseInt(s.value,10);if(!n||n<1)return;const o=s.dataset.entity,a=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:r,service:c,service_data:this._serviceData({[d]:o,[a]:n})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const i of e.querySelectorAll(".reset-btn"))i.addEventListener("click",async()=>{const n=i.dataset.entity;if(!n)return;const s=i.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",a=this._serviceData("mains"===s?{leg:n}:{circuit_id:n});await t.callService(r,o,a),await this.render(e,t)})}}function ii(e=""){const t=e?` value="${He(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${He(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function ni(e,t,n,s,o,r,l){const c=t.entities?.power,d=c?n.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===a,v=t.breaker_rating_a,m=v?`${Math.round(v)}A`:"",b=He(t.name||i("grid.unknown")),y=lt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${nt(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=_[S]??_.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const E=!!o&&ut(o)?f:"#555",P=`<button class="gear-icon circuit-gear"\n  data-uuid="${He(e)}" style="color:${E};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${l?"list-row-expanded":""}"\n         data-row-uuid="${He(e)}" data-uuid="${He(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${P}\n      <button class="list-expand-toggle ${l?"expanded":""}" data-expand-uuid="${He(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function si(e,t,i,n,s){const o=t.entities?.power,r=o?i.states[o]:null,c=r&&parseFloat(r.state)||0,d=t.device_type===l||c<0,h=t.entities?.switch,p=h?i.states[h]:null,u=gt(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===a,d),g=He(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function oi(e){return`<div class="area-header" data-area="${He(e)}" style="grid-column:1 / -1;">${He(e)}</div>`}function ri(e,t,i){const n=e.entities?.switch,s=n?t.states[n]:null,o=e.entities?.power,r=o?t.states[o]:null,l=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===a;let c;if("current"===(i.chart_metric||"power")){const i=e.entities?.current,n=i?t.states[i]:null;c=n?Math.abs(parseFloat(n.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:l,value:c}}function ai(e,t){if(e.always_on)return"always_on";const i=e.entities?.select,n=i?t.states[i]:null;return n?n.state:"unknown"}function li(e,t,i,n){const s=ri(e,i,n),o=ri(t,i,n);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function ci(e,t,i){return e.sort((e,n)=>li(e[1],n[1],t,i))}function di(e){return e.entities?.current??e.entities?.power??""}class hi{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,i,n,s,o){this._unbindEvents(),this._hass=t,this._topology=i,this._config=n,this._monitoringStatus=s;const r=ci(Object.entries(i.circuits),t,n);let a=o+ii(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,i]of r){const o=pt(s,di(i)),r=ai(i,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,a+=ni(e,i,t,n,o,r,l),l&&(a+=si(e,i,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const i=t.area??a,n=l.get(i);n?n.push([e,t]):l.set(i,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+ii(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const i=l.get(e);if(!i)continue;const n=ci(i,t,s);d+=oi(e);for(const[e,i]of n){const n=pt(o,di(i)),r=ai(i,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${He(e)}">`,d+=ni(e,i,t,s,n,r,a),a&&(d+=si(e,i,t,0,n)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=lt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=ri(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,i=e?t.states[e]:null,n=i&&parseFloat(i.state)||0;h.innerHTML=`<strong>${nt(n)}</strong><span class="power-unit">${it(n)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,i,n){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let i={anchor:null,units:[]};const n=[i];for(const s of[...e.children])if(s.classList.contains("area-header"))i={anchor:s,units:[]},n.push(i);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,n=e?t.circuits[e]:void 0;e&&n&&i.units.push({cell:s,uuid:e,circuit:n})}return n}(s,i)){if(e.units.length<2)continue;const i=[...e.units].sort((e,i)=>li(e.circuit,i.circuit,t,n));if(!i.some((t,i)=>t.uuid!==e.units[i].uuid))continue;let o=e.anchor;for(const e of i)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const i=t.target;if(!i)return;const n=i.closest(".list-expand-toggle");if(n){const e=n.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(i.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(i.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(i.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=i.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const i=t.target;i&&i.classList.contains("list-search")&&(this._searchQuery=i.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const i=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of i){const t=e.querySelector(".list-circuit-name"),i=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=i?"":"none"}const n=e.querySelectorAll(".area-header");for(const e of n){let t=!1,i=e.nextElementSibling;for(;i&&!i.classList.contains("area-header");){if(i.classList.contains("list-cell")&&"none"!==i.style.display){t=!0;break}i=i.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=Rt(e),i=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!i)return;const n=i.querySelector(`.list-row[data-row-uuid="${t}"]`),s=i.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(n){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=i.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),n.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const i=pt(this._monitoringStatus,di(t)),o=si(e,t,this._hass,this._config,i);n.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),n.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function pi(e,t){return`${e}|${t}`}class ui{async build(e,t,i,n){const s=new Map;for(const e of i)s.set(e.id,e);const o=n?new Ue(n):null,r=[];for(const[i,n]of Object.entries(t)){if(!((n?.circuits?.length??0)>0||(n?.sub_devices?.length??0)>0))continue;const t=s.get(i);t&&r.push((async()=>{try{const n=await Ze(e,i,o);return{panelDeviceId:i,panel:t,topology:n.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",i,e),{panelDeviceId:i,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:i,topology:n}of a){if(!n)continue;const s=i.config_entries?.[0]??null;s&&p.add(s);const o=i.name_by_user??i.name??n.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:n});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const i=n.circuits?.[t];if(!i)continue;const r=pi(e,t),a=l&&o?`${o} · ${i.name}`:i.name;c[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const i=n.sub_devices?.[t];if(!i)continue;const r=pi(e,t),a=l&&o&&i.name?`${o} · ${i.name}`:i.name??t;d[r]={...i,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const gi="span_panel_favorites_view_state";function _i(e){try{localStorage.setItem(gi,JSON.stringify(e))}catch{}}var fi;const vi="favorites";let mi=fi=class extends Ce{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=Re(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Qt,this._monitoringTab=new ti,this._listDashCtrl=new Vt,this._listCtrl=new hi(this._listDashCtrl),this._favCache=new Ve,this._favCtrl=new ui,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,i=!1;return async function n(){if(t)return i=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,i&&(i=!1,await n())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(We,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(We,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==vi&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const i=e.querySelector("span-side-panel");i&&(i.hass=this.hass,i.errorStore=this._errorStore)}}}setConfig(e){}render(){var n,s,o;if(n=this.hass?.language,e=n&&t[n]?n:"en",!this.hass)return ae`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const nt=g.power;function it(e){return nt.unit(e)}function st(e){return(e<0?"-":"")+nt.format(e)}function ot(e){return(Math.abs(e)/1e3).toFixed(1)}function rt(e){return Math.ceil(e/2)}function at(e){return e%2==0?1:0}function lt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return rt(t)===rt(n)?"row-span":at(t)===at(n)?"col-span":"row-span"}function ct(e){const t=e.chart_metric??s;return g[t]??g[s]}function dt(e,t){const n=function(e){return ct(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class ht{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class pt{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new ht,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function ut(e,t){return e?.circuits?e.circuits[t]??null:null}function gt(e){return!!e&&void 0!==e.continuous_threshold_pct}function _t(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),gt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=ct(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${st(_)}</strong><span class="power-unit">${it(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&gt(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Pt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Et(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${st(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function Et(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function zt(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Nt(e){const t=r[e];return t?t.ms:r[o].ms}function Mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ft(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Mt(i),l=It(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:St(i)};i.type===d&&(e.soc=$t(i),e.soe=Ct(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=dt(i,n);if(!t)continue;let o;o=s&&s.has(e)?Nt(s.get(e)):At(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Nt(o.get(s)):At(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ft(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Rt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=ot(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=ot(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=ot(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=ot(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ut(e,t,i,s,o,r){if(!e||!i||!t)return;const a=At(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,n,i,s)}(e,t,i,s,d);const h=ct(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${st(_)}</strong><span class="power-unit">${it(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Nt(r.get(s)):a,p=d.device_type===c;Rt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Wt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Gt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Vt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new ht,this.monitoringMultiCache=new pt,this.graphSettingsCache=new Wt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Gt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Gt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=dt(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Nt(i),d=Mt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ht(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Nt(s),d=Mt(c),h=It(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=At(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=St(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${st(i)}</strong> <span class="power-unit">${it(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(i)?Nt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Kt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=tt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":lt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=rt(Math.max(...n));0===at(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?ut(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Pt(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Jt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Xt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function tn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class nn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Xt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${en}">\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${en}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function sn(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function on(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=ct(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${st(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&gt(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function an(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function ln(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function cn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function dn(e,t,n,i){const s=ln(e,n,i),o=ln(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function hn(e,t,n){return e.sort((e,i)=>dn(e[1],i[1],t,n))}function pn(e){return e.entities?.current??e.entities?.power??""}class un{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=hn(Object.entries(n.circuits),t,i);let a=o+sn(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=ut(s,pn(n)),r=cn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=on(e,n,t,i,o,r,l),l&&(a+=rn(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+sn(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=hn(n,t,s);d+=an(e);for(const[e,n]of i){const i=ut(o,pn(n)),r=cn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=on(e,n,t,s,i,r,a),a&&(d+=rn(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=ct(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=ln(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${st(i)}</strong><span class="power-unit">${it(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>dn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=ut(this._monitoringStatus,pn(t)),o=rn(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function gn(e,t){return`${e}|${t}`}class _n{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=gn(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=gn(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const fn="span_panel_favorites_view_state";function vn(e){try{localStorage.setItem(fn,JSON.stringify(e))}catch{}}var mn;const bn="favorites";let yn=mn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Kt,this._monitoringTab=new nn,this._listDashCtrl=new Bt,this._listCtrl=new un(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new _n,this._favoritesMonitoringTabs=new Map,this._errorStore=new Fe,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==bn&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
           </div>
         </div>
         <div class="view">
-          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${i("card.connecting")}</div>
+          <div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>
         </div>
-      `;if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return ae`
+      `;if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
         <div class="header">
           <div class="toolbar">
             <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
@@ -120,19 +120,19 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
         </div>
         <div class="view">
           <span-error-banner .store=${this._errorStore}></span-error-banner>
-          ${e?ce:ae`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${i("card.connecting")}</div>`}
+          ${e?de:le`<div class="view-content" style="padding: 24px; color: var(--secondary-text-color);">${n("card.connecting")}</div>`}
         </div>
-      `}return ae`
+      `}return le`
       <div class="header">
         <div class="toolbar">
           <ha-menu-button .hass=${this.hass} .narrow=${this.narrow}></ha-menu-button>
           <div class="main-title">
             <span class="panel-selector">
               <select id="panel-select" @change=${this._onPanelChange}>
-                ${this._panels.map(e=>ae` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
+                ${this._panels.map(e=>le` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${De((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${He(e.id)}">${He(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Le((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Oe(e.id)}">${Oe(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===vi}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const i=t.dataset.tab;i&&i!==this._activeTab&&(this._activeTab=i,this._isFavoritesView&&"dashboard"!==i&&(this._favoritesViewState.activeTab=i,_i(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const i=this._favoritesViewState;i.activeTab=t.view;const n=this._listDashCtrl.topology?.circuits??{};i.expanded[t.view]=t.expanded.filter(e=>e in n),i.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,_i(i)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==vi),i=new Map(t.map(e=>[e.id,e])),n=new Set(e.map(e=>e.id)),s=i.size!==n.size||[...i.keys()].some(e=>!n.has(e)),o=!s&&e.some(e=>{const t=i.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===vi)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new Ue(this._errorStore),i=await Ze(this.hass,e,t);if(this._selectedPanelId!==e)return;const n=i.topology?.panel_entities?.panel_status;n&&(this._errorStore.watchPanelStatus(n),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new Ue(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===r)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(gi);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const i=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(i.activity)?i.activity:[],area:Array.isArray(i.area)?i.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===vi){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Be(t))return e;return[{id:vi,name:i("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const i=this._selectedPanelId===vi;this._favorites=t;const n=this._panels.filter(e=>e.id!==vi);if(this._panels=this._buildPanelList(n,t),i&&!Be(t)){!function(){try{localStorage.removeItem(gi)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=n[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:i("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:i("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${He(i("header.enable_switches"))}" data-text-on="${He(i("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${He(i("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${He(i("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${He(e.panelName||e.topology.device_name||"")}</div>\n        ${Ye(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const i of this._favoritesPanelStats){const n=e.querySelector(`.panel-stats[data-stats-panel-id="${Rt(i.panelDeviceId)}"]`);n&&qt(n,this.hass,i.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,n);break}case"activity":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),n=i?.config_entries?.[0]??null;try{const i=new Ue(this._errorStore),s=await Ze(this.hass,this._selectedPanelId??void 0,i);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,n),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,n),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?et(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(i){if(e())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,t.appendChild(n)}break}case"area":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),s=n?.config_entries?.[0]??null;try{const n=new Ue(this._errorStore),o=await Ze(this.hass,this._selectedPanelId??void 0,n);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?et(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await Ke(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=e.message,t.appendChild(i)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),i=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,i??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const n=this._panels.filter(e=>e.id!==vi),s=await this._favCtrl.build(this.hass,this._favorites,n,this._errorStore);if(t())return;const o=s.topology,r=s.entryIds[0]??null,a=Object.keys(o.circuits).length>0,l=Object.keys(o.sub_devices??{}).length>0;if(!a&&!l){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=i("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(o._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,n);const c=this._activeTab,d=new Set(Object.keys(o.circuits)),h=this._favoritesViewState.expanded[c].filter(e=>d.has(e));this._listCtrl.setViewName(c),this._listCtrl.setInitialExpansion(h),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const p=this._buildDashboardConfig();if(this._listDashCtrl.init(o,p,this.hass,r),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const u=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const g=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,p)+(l?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${kt(o,this.hass,p)}</div>\n         </div>`:"");try{if("activity"===c?this._listCtrl.renderActivityView(e,this.hass,o,p,u,g):this._listCtrl.renderAreaView(e,this.hass,o,p,u,g),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,p),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,p)})}catch(i){if(t())return;const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=i.message,e.appendChild(n)}}async _renderFavoritesMonitoring(e,t,i){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const n=document.createElement("div");n.className="favorites-monitoring-stack",e.appendChild(n);const s=new Map;for(const e of i){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),i=document.createElement("div");i.className="favorites-monitoring-block",i.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,i.appendChild(r);const a=document.createElement("div");i.appendChild(a),n.appendChild(i);const l=new ti;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=t.message??String(t),a.appendChild(i)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};mi._shellStyles=$`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===bn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,vn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,vn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==bn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===bn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(fn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===bn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:bn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===bn;this._favorites=t;const i=this._panels.filter(e=>e.id!==bn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(fn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${et(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&jt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?tt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?tt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==bn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=s.topology,a=s.entryIds[0]??null,l=Object.keys(r.circuits).length>0,c=Object.keys(r.sub_devices??{}).length>0;if(!l&&!c){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(r._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const d=this._activeTab,h=new Set(Object.keys(r.circuits)),p=this._favoritesViewState.expanded[d].filter(e=>h.has(e));this._listCtrl.setViewName(d),this._listCtrl.setInitialExpansion(p),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const u=this._buildDashboardConfig();if(this._listDashCtrl.init(r,u,this.hass,a),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const g=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const _=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,u)+(c?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Pt(r,this.hass,u)}</div>\n         </div>`:"");try{if("activity"===d?this._listCtrl.renderActivityView(e,this.hass,r,u,g,_):this._listCtrl.renderAreaView(e,this.hass,r,u,g,_),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,u),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,u)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new nn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};yn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
@@ -250,4 +250,4 @@ const Ee=e=>(t,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(e,t)}
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,mi.styles=[fi._shellStyles,S(Bt)],v([Ae({attribute:!1})],mi.prototype,"hass",void 0),v([Ae({type:Boolean,reflect:!0})],mi.prototype,"narrow",void 0),v([Me()],mi.prototype,"_panels",void 0),v([Me()],mi.prototype,"_selectedPanelId",void 0),v([Me()],mi.prototype,"_activeTab",void 0),v([Me()],mi.prototype,"_discovered",void 0),v([Me()],mi.prototype,"_chartMetric",void 0),v([Me()],mi.prototype,"_listColumns",void 0),v([Me()],mi.prototype,"_favorites",void 0),mi=fi=v([Ee("span-panel")],mi),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let bi=!1;const yi=mi.prototype.connectedCallback;mi.prototype.connectedCallback=function(){bi=!0,yi.call(this)};const wi=mi.prototype.disconnectedCallback;mi.prototype.disconnectedCallback=function(){bi=!1,wi.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(bi||window.location.pathname.includes("span-panel")&&setTimeout(()=>{bi||location.reload()},200))});
+  `,yn.styles=[mn._shellStyles,$(Qt)],m([Ne({attribute:!1})],yn.prototype,"hass",void 0),m([Ne({type:Boolean,reflect:!0})],yn.prototype,"narrow",void 0),m([Me()],yn.prototype,"_panels",void 0),m([Me()],yn.prototype,"_selectedPanelId",void 0),m([Me()],yn.prototype,"_activeTab",void 0),m([Me()],yn.prototype,"_discovered",void 0),m([Me()],yn.prototype,"_chartMetric",void 0),m([Me()],yn.prototype,"_listColumns",void 0),m([Me()],yn.prototype,"_favorites",void 0),yn=mn=m([Ee("span-panel")],yn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let wn=!1;const xn=yn.prototype.connectedCallback;yn.prototype.connectedCallback=function(){wn=!0,xn.call(this)};const Sn=yn.prototype.disconnectedCallback;yn.prototype.disconnectedCallback=function(){wn=!1,Sn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(wn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{wn||location.reload()},200))});

From 23339cfffd803faa6e690c66bbc8b341e36c8cce Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:10:19 -0700
Subject: [PATCH 82/97] refactor(header): extract buildSheddingLegendHTML for
 reuse in Favorites summary

---
 src/core/header-renderer.ts   | 43 ++++++++++++++++++++++-------------
 tests/header-renderer.test.ts | 25 ++++++++++++++++++++
 2 files changed, 52 insertions(+), 16 deletions(-)
 create mode 100644 tests/header-renderer.test.ts

diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 7dd930f..552a9b1 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -14,6 +14,32 @@ export interface HeaderRenderOptions {
   showSwitches?: boolean;
 }
 
+/**
+ * Build the shedding-legend HTML block. One `.shedding-legend-item` per
+ * non-"unknown" entry in `SHEDDING_PRIORITIES`. Consumed by
+ * `buildHeaderHTML` (real-panel header) and by the Favorites summary
+ * strip in `src/panel/span-panel.ts`. Kept as a string-returning helper
+ * so both call sites consume the same DOM shape from one source.
+ */
+export function buildSheddingLegendHTML(): string {
+  return `<div class="shedding-legend">
+    ${Object.entries(SHEDDING_PRIORITIES)
+      .filter(([key]: [string, SheddingPriorityDef]) => key !== "unknown")
+      .map(([, cfg]: [string, SheddingPriorityDef]) => {
+        let icons: string;
+        if (cfg.icon2) {
+          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${cfg.icon2}" style="color:${cfg.color}"></ha-icon>`;
+        } else if (cfg.textLabel) {
+          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><span class="shedding-legend-text" style="color:${cfg.color}">${cfg.textLabel}</span>`;
+        } else {
+          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon>`;
+        }
+        return `<div class="shedding-legend-item">${icons}<span class="shedding-legend-label">${cfg.label()}</span></div>`;
+      })
+      .join("")}
+  </div>`;
+}
+
 /**
  * Build just the panel-stats block (Site / Grid / Upstream / Downstream /
  * Solar / Battery) for one panel. Extracted so the Favorites view can
@@ -149,22 +175,7 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, opt
             <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
           </div>
         </div>
-        <div class="shedding-legend">
-          ${Object.entries(SHEDDING_PRIORITIES)
-            .filter(([key]: [string, SheddingPriorityDef]) => key !== "unknown")
-            .map(([, cfg]: [string, SheddingPriorityDef]) => {
-              let icons: string;
-              if (cfg.icon2) {
-                icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${cfg.icon2}" style="color:${cfg.color}"></ha-icon>`;
-              } else if (cfg.textLabel) {
-                icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><span class="shedding-legend-text" style="color:${cfg.color}">${cfg.textLabel}</span>`;
-              } else {
-                icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon>`;
-              }
-              return `<div class="shedding-legend-item">${icons}<span class="shedding-legend-label">${cfg.label()}</span></div>`;
-            })
-            .join("")}
-        </div>
+        ${buildSheddingLegendHTML()}
       </div>
     </div>
   `;
diff --git a/tests/header-renderer.test.ts b/tests/header-renderer.test.ts
new file mode 100644
index 0000000..5c12fd2
--- /dev/null
+++ b/tests/header-renderer.test.ts
@@ -0,0 +1,25 @@
+import { describe, it, expect } from "vitest";
+import { buildSheddingLegendHTML } from "../src/core/header-renderer.js";
+
+describe("buildSheddingLegendHTML", () => {
+  it("returns a shedding-legend container with one item per non-unknown priority", () => {
+    const html = buildSheddingLegendHTML();
+    // Container
+    expect(html).toContain('class="shedding-legend"');
+    // Each visible priority renders a .shedding-legend-item
+    const itemCount = (html.match(/class="shedding-legend-item"/g) ?? []).length;
+    expect(itemCount).toBeGreaterThan(0);
+  });
+
+  it("includes an ha-icon with a color style for each item", () => {
+    const html = buildSheddingLegendHTML();
+    expect(html).toMatch(/<ha-icon icon="[^"]+" style="color:[^"]+"><\/ha-icon>/);
+  });
+
+  it("does not render a .shedding-legend-item for the 'unknown' priority key", () => {
+    // Crude but effective: the 'unknown' label is never user-visible in real
+    // panel headers; this asserts that remains true in the extracted helper.
+    const html = buildSheddingLegendHTML();
+    expect(html.toLowerCase()).not.toContain("unknown");
+  });
+});

From 0407c0cdb1d64064c02ae14c29c28b0d32cd40c0 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:14:59 -0700
Subject: [PATCH 83/97] feat(favorites): add gear + shedding legend to summary
 strip

---
 src/card/card-styles.ts         | 12 +++++++--
 src/panel/favorites-summary.ts  | 36 ++++++++++++++++++++++++++
 src/panel/span-panel.ts         | 16 ++----------
 tests/favorites-summary.test.ts | 46 +++++++++++++++++++++++++++++++++
 4 files changed, 94 insertions(+), 16 deletions(-)
 create mode 100644 src/panel/favorites-summary.ts
 create mode 100644 tests/favorites-summary.test.ts

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index ce0631d..35d71fa 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -53,7 +53,7 @@ export const CARD_STYLES: string = `
     gap: 16px 32px;
   }
 
-  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */
+  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */
   .favorites-summary {
     padding: 8px 24px;
     border-bottom: 1px solid var(--divider-color, #e0e0e0);
@@ -61,8 +61,16 @@ export const CARD_STYLES: string = `
     align-items: center;
     gap: 12px;
   }
-  .favorites-summary-unit-toggle {
+  .favorites-summary-right {
     margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+  .favorites-summary-unit-toggle {
+    /* margin-left moved up to .favorites-summary-right so the legend and
+       toggle cluster together, right-anchored, matching the real-panel
+       header layout. */
   }
   .favorites-subdevices-section {
     padding: 8px 16px 0;
diff --git a/src/panel/favorites-summary.ts b/src/panel/favorites-summary.ts
new file mode 100644
index 0000000..5cd0953
--- /dev/null
+++ b/src/panel/favorites-summary.ts
@@ -0,0 +1,36 @@
+import { escapeHtml } from "../helpers/sanitize.js";
+import { t } from "../i18n.js";
+import { buildSheddingLegendHTML } from "../core/header-renderer.js";
+
+/**
+ * Build the Favorites view summary strip: gear icon, slide-to-arm,
+ * shedding legend, and W/A unit toggle. Legend and W/A cluster in a
+ * right-anchored `.favorites-summary-right` wrapper so the layout
+ * mirrors the real-panel header.
+ *
+ * Pure string helper — no DOM, no element state. The panel component
+ * invokes it from `_buildFavoritesSummaryHTML`, passing the current
+ * amps-mode flag.
+ */
+export function buildFavoritesSummaryHTML(isAmpsMode: boolean): string {
+  return `
+    <div class="favorites-summary">
+      <button class="gear-icon panel-gear favorites-gear" title="${escapeHtml(t("header.graph_settings"))}">
+        <ha-icon icon="mdi:cog"></ha-icon>
+      </button>
+      <div class="slide-confirm" data-text-off="${escapeHtml(t("header.enable_switches"))}" data-text-on="${escapeHtml(t("header.switches_enabled"))}">
+        <span class="slide-confirm-text">${escapeHtml(t("header.enable_switches"))}</span>
+        <div class="slide-confirm-knob">
+          <ha-icon icon="mdi:lock"></ha-icon>
+        </div>
+      </div>
+      <div class="favorites-summary-right">
+        ${buildSheddingLegendHTML()}
+        <div class="unit-toggle favorites-summary-unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
+          <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
+          <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
+        </div>
+      </div>
+    </div>
+  `;
+}
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 44a6bfa..f87c16a 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -30,6 +30,7 @@ import {
   saveFavoritesViewState,
   type FavoritesViewState,
 } from "./favorites-view-state.js";
+import { buildFavoritesSummaryHTML } from "./favorites-summary.js";
 import { coalesceRuns, makeRenderToken } from "./coalesce.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice } from "../types.js";
 
@@ -760,20 +761,7 @@ export class SpanPanelElement extends LitElement {
    */
   private _buildFavoritesSummaryHTML(): string {
     const isAmpsMode = (this._chartMetric || "power") === "current";
-    return `
-      <div class="favorites-summary">
-        <div class="slide-confirm" data-text-off="${escapeHtml(t("header.enable_switches"))}" data-text-on="${escapeHtml(t("header.switches_enabled"))}">
-          <span class="slide-confirm-text">${escapeHtml(t("header.enable_switches"))}</span>
-          <div class="slide-confirm-knob">
-            <ha-icon icon="mdi:lock"></ha-icon>
-          </div>
-        </div>
-        <div class="unit-toggle favorites-summary-unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
-          <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
-          <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
-        </div>
-      </div>
-    `;
+    return buildFavoritesSummaryHTML(isAmpsMode);
   }
 
   /**
diff --git a/tests/favorites-summary.test.ts b/tests/favorites-summary.test.ts
new file mode 100644
index 0000000..1193a1f
--- /dev/null
+++ b/tests/favorites-summary.test.ts
@@ -0,0 +1,46 @@
+import { describe, it, expect } from "vitest";
+
+/**
+ * Test harness: import the same pure pieces the panel method uses so we
+ * can assert the summary strip's structural contract without needing a
+ * DOM or a Lit element instance. The panel method itself is a thin
+ * wrapper over `buildFavoritesSummaryHTML(isAmpsMode)` once refactored.
+ */
+import { buildFavoritesSummaryHTML } from "../src/panel/favorites-summary.js";
+
+describe("buildFavoritesSummaryHTML", () => {
+  it("renders gear → slide-to-arm → right-cluster in DOM order", () => {
+    const html = buildFavoritesSummaryHTML(false);
+    const idxGear = html.indexOf('class="gear-icon panel-gear favorites-gear"');
+    const idxSlide = html.indexOf('class="slide-confirm"');
+    const idxRight = html.indexOf('class="favorites-summary-right"');
+    expect(idxGear).toBeGreaterThanOrEqual(0);
+    expect(idxSlide).toBeGreaterThanOrEqual(0);
+    expect(idxRight).toBeGreaterThanOrEqual(0);
+    expect(idxGear).toBeLessThan(idxSlide);
+    expect(idxSlide).toBeLessThan(idxRight);
+  });
+
+  it("right cluster contains shedding-legend then unit-toggle in order", () => {
+    const html = buildFavoritesSummaryHTML(false);
+    const idxRight = html.indexOf('class="favorites-summary-right"');
+    const rest = html.slice(idxRight);
+    const idxLegend = rest.indexOf('class="shedding-legend"');
+    const idxToggle = rest.indexOf('class="unit-toggle favorites-summary-unit-toggle"');
+    expect(idxLegend).toBeGreaterThanOrEqual(0);
+    expect(idxToggle).toBeGreaterThanOrEqual(0);
+    expect(idxLegend).toBeLessThan(idxToggle);
+  });
+
+  it("marks W active when isAmpsMode is false", () => {
+    const html = buildFavoritesSummaryHTML(false);
+    expect(html).toMatch(/<button class="unit-btn unit-active" data-unit="power">W<\/button>/);
+    expect(html).toMatch(/<button class="unit-btn " data-unit="current">A<\/button>/);
+  });
+
+  it("marks A active when isAmpsMode is true", () => {
+    const html = buildFavoritesSummaryHTML(true);
+    expect(html).toMatch(/<button class="unit-btn " data-unit="power">W<\/button>/);
+    expect(html).toMatch(/<button class="unit-btn unit-active" data-unit="current">A<\/button>/);
+  });
+});

From beca7a0609e26738798e4490e839c84ff2f0ba8e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:19:12 -0700
Subject: [PATCH 84/97] refactor(favorites): drop empty CSS rule and refresh
 stale docstring

---
 src/card/card-styles.ts |  9 ++++-----
 src/panel/span-panel.ts | 12 ++++++++----
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index 35d71fa..add701e 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -61,17 +61,16 @@ export const CARD_STYLES: string = `
     align-items: center;
     gap: 12px;
   }
+  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.
+     margin-left:auto moved here from .favorites-summary-unit-toggle so the
+     legend and toggle cluster together, matching the real-panel header
+     layout. */
   .favorites-summary-right {
     margin-left: auto;
     display: flex;
     align-items: center;
     gap: 16px;
   }
-  .favorites-summary-unit-toggle {
-    /* margin-left moved up to .favorites-summary-right so the legend and
-       toggle cluster together, right-anchored, matching the real-panel
-       header layout. */
-  }
   .favorites-subdevices-section {
     padding: 8px 16px 0;
   }
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index f87c16a..080fe67 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -754,10 +754,14 @@ export class SpanPanelElement extends LitElement {
   }
 
   /**
-   * Build a minimal summary strip for the Favorites pseudo-panel —
-   * slide-to-arm control (required for the tappable list-row toggles
-   * to fire) plus the W/A unit toggle. Styles live in ``CARD_STYLES``
-   * under ``.favorites-summary``.
+   * Build the Favorites view summary strip — gear icon, slide-to-arm
+   * control, shedding legend, and W/A unit toggle. Styles live in
+   * ``CARD_STYLES`` under ``.favorites-summary`` +
+   * ``.favorites-summary-right``. The actual HTML is produced by the
+   * pure ``buildFavoritesSummaryHTML`` helper in
+   * ``src/panel/favorites-summary.ts`` so it can be unit-tested
+   * without a DOM; this wrapper just threads the current amps-mode
+   * flag through.
    */
   private _buildFavoritesSummaryHTML(): string {
     const isAmpsMode = (this._chartMetric || "power") === "current";

From c5c4d9f94f7b9899bdfc919a02485f183a7d3c67 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:23:35 -0700
Subject: [PATCH 85/97] feat(side-panel): add favorites mode rendering with
 per-panel sections

---
 src/core/side-panel.ts | 284 ++++++++++++++++++++++++++++-------------
 src/i18n.ts            |   5 +
 2 files changed, 197 insertions(+), 92 deletions(-)

diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 40d6178..6487578 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -18,6 +18,7 @@ interface GraphHorizonInfo extends CircuitGraphOverride {
 interface PanelModeConfig {
   panelMode: true;
   subDeviceMode?: undefined;
+  favoritesMode?: undefined;
   topology: PanelTopology;
   graphSettings: GraphSettings | null;
   /**
@@ -46,6 +47,7 @@ interface PanelModeConfig {
 interface CircuitModeConfig {
   panelMode?: undefined;
   subDeviceMode?: undefined;
+  favoritesMode?: undefined;
   uuid: string;
   name: string;
   tabs: number[];
@@ -70,6 +72,7 @@ interface CircuitModeConfig {
 interface SubDeviceModeConfig {
   panelMode?: undefined;
   subDeviceMode: true;
+  favoritesMode?: undefined;
   subDeviceId: string;
   name: string;
   deviceType: string;
@@ -86,7 +89,23 @@ interface SubDeviceModeConfig {
   configEntryId?: string | null;
 }
 
-type SidePanelConfig = PanelModeConfig | CircuitModeConfig | SubDeviceModeConfig;
+export interface FavoritesPanelSection {
+  panelDeviceId: string;
+  panelName: string;
+  topology: PanelTopology;
+  graphSettings: GraphSettings | null;
+  favoriteCircuitUuids: Set<string>;
+  configEntryId: string | null;
+}
+
+interface FavoritesModeConfig {
+  favoritesMode: true;
+  panelMode?: undefined;
+  subDeviceMode?: undefined;
+  perPanelSections: FavoritesPanelSection[];
+}
+
+type SidePanelConfig = PanelModeConfig | CircuitModeConfig | SubDeviceModeConfig | FavoritesModeConfig;
 
 // ── Custom element interface for ha-switch ───────────────────────────────
 
@@ -401,7 +420,9 @@ class SpanSidePanel extends HTMLElement {
     panel.className = "panel";
     shadow.appendChild(panel);
 
-    if (cfg.panelMode) {
+    if (cfg.favoritesMode) {
+      this._renderFavoritesMode(panel);
+    } else if (cfg.panelMode) {
       this._renderPanelMode(panel);
     } else if (cfg.subDeviceMode) {
       this._renderSubDeviceMode(panel, cfg);
@@ -489,94 +510,16 @@ class SpanSidePanel extends HTMLElement {
       const circuits = Object.entries(topology.circuits).sort(([, a], [, b]) => (a.name || "").localeCompare(b.name || ""));
 
       for (const [uuid, circuit] of circuits) {
-        const row = document.createElement("div");
-        row.className = "field-row";
-
-        const nameLabel = document.createElement("span");
-        nameLabel.className = "field-label";
-        nameLabel.textContent = circuit.name || uuid;
-        nameLabel.style.cssText = "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;";
-        row.appendChild(nameLabel);
-
-        if (cfg.showFavorites && cfg.favoritePanelDeviceId) {
-          const heart = this._buildFavoriteHeart(circuit.entities, cfg.favoriteCircuitUuids?.has(uuid) ?? false);
-          if (heart) row.appendChild(heart);
-        }
-
-        const circuitData = circuitSettings[uuid] || { horizon: globalHorizon, has_override: false };
-        const effectiveHorizon = circuitData.has_override ? circuitData.horizon : globalHorizon;
-
-        const select = document.createElement("select");
-        select.dataset.uuid = uuid;
-        for (const key of Object.keys(GRAPH_HORIZONS)) {
-          const opt = document.createElement("option");
-          opt.value = key;
-          const labelKey = `horizon.${key}`;
-          const translated = t(labelKey);
-          opt.textContent = translated !== labelKey ? translated : key;
-          if (key === effectiveHorizon) opt.selected = true;
-          select.appendChild(opt);
-        }
-        select.addEventListener("change", () => {
-          this._debounce(`circuit-${uuid}`, INPUT_DEBOUNCE_MS, () => {
-            const data: Record<string, unknown> = {
-              circuit_id: uuid,
-              horizon: select.value,
-            };
-            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-            this._callDomainService("set_circuit_graph_horizon", data)
-              .then(() => {
-                this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
-              })
-              .catch((err: Error) => {
-                console.warn("SPAN Panel: graph horizon service failed", err);
-                this.errorStore?.add({
-                  key: "service:graph_horizon",
-                  level: "error",
-                  message: t("error.graph_horizon_failed"),
-                  persistent: false,
-                });
-              });
-          });
-        });
-        row.appendChild(select);
-
-        if (circuitData.has_override) {
-          const resetBtn = document.createElement("button");
-          resetBtn.textContent = "\u21ba";
-          resetBtn.title = t("sidepanel.reset_to_global");
-          Object.assign(resetBtn.style, {
-            background: "none",
-            border: "1px solid var(--divider-color, #e0e0e0)",
-            color: "var(--primary-text-color)",
-            borderRadius: "4px",
-            padding: "3px 6px",
-            cursor: "pointer",
-            marginLeft: "4px",
-            fontSize: "0.85em",
-          });
-          resetBtn.addEventListener("click", () => {
-            const data: Record<string, unknown> = { circuit_id: uuid };
-            if (cfg.configEntryId) data.config_entry_id = cfg.configEntryId;
-            this._callDomainService("clear_circuit_graph_horizon", data)
-              .then(() => {
-                select.value = globalHorizon;
-                resetBtn.remove();
-                this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
-              })
-              .catch((err: Error) => {
-                console.warn("SPAN Panel: graph horizon service failed", err);
-                this.errorStore?.add({
-                  key: "service:graph_horizon",
-                  level: "error",
-                  message: t("error.graph_horizon_failed"),
-                  persistent: false,
-                });
-              });
-          });
-          row.appendChild(resetBtn);
-        }
-
+        const row = this._buildPanelModeCircuitRow(
+          uuid,
+          circuit,
+          circuitSettings[uuid],
+          globalHorizon,
+          cfg.configEntryId ?? null,
+          cfg.showFavorites ?? false,
+          cfg.favoritePanelDeviceId,
+          cfg.favoriteCircuitUuids
+        );
         circuitSection.appendChild(row);
       }
 
@@ -694,6 +637,163 @@ class SpanSidePanel extends HTMLElement {
     panel.appendChild(body);
   }
 
+  private _buildPanelModeCircuitRow(
+    uuid: string,
+    circuit: PanelTopology["circuits"][string],
+    circuitSetting: CircuitGraphOverride | undefined,
+    globalHorizon: string,
+    configEntryId: string | null,
+    showFavorites: boolean,
+    favoritePanelDeviceId: string | undefined,
+    favoriteCircuitUuids: Set<string> | undefined
+  ): HTMLDivElement {
+    const row = document.createElement("div");
+    row.className = "field-row";
+
+    const nameLabel = document.createElement("span");
+    nameLabel.className = "field-label";
+    nameLabel.textContent = circuit.name || uuid;
+    nameLabel.style.cssText = "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;";
+    row.appendChild(nameLabel);
+
+    if (showFavorites && favoritePanelDeviceId) {
+      const heart = this._buildFavoriteHeart(circuit.entities, favoriteCircuitUuids?.has(uuid) ?? false);
+      if (heart) row.appendChild(heart);
+    }
+
+    const circuitData = circuitSetting || { horizon: globalHorizon, has_override: false };
+    const effectiveHorizon = circuitData.has_override ? circuitData.horizon : globalHorizon;
+
+    const select = document.createElement("select");
+    select.dataset.uuid = uuid;
+    for (const key of Object.keys(GRAPH_HORIZONS)) {
+      const opt = document.createElement("option");
+      opt.value = key;
+      const labelKey = `horizon.${key}`;
+      const translated = t(labelKey);
+      opt.textContent = translated !== labelKey ? translated : key;
+      if (key === effectiveHorizon) opt.selected = true;
+      select.appendChild(opt);
+    }
+    select.addEventListener("change", () => {
+      this._debounce(`circuit-${uuid}`, INPUT_DEBOUNCE_MS, () => {
+        const data: Record<string, unknown> = {
+          circuit_id: uuid,
+          horizon: select.value,
+        };
+        if (configEntryId) data.config_entry_id = configEntryId;
+        this._callDomainService("set_circuit_graph_horizon", data)
+          .then(() => {
+            this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
+          })
+          .catch((err: Error) => {
+            console.warn("SPAN Panel: graph horizon service failed", err);
+            this.errorStore?.add({
+              key: "service:graph_horizon",
+              level: "error",
+              message: t("error.graph_horizon_failed"),
+              persistent: false,
+            });
+          });
+      });
+    });
+    row.appendChild(select);
+
+    if (circuitData.has_override) {
+      const resetBtn = document.createElement("button");
+      resetBtn.textContent = "\u21ba";
+      resetBtn.title = t("sidepanel.reset_to_global");
+      Object.assign(resetBtn.style, {
+        background: "none",
+        border: "1px solid var(--divider-color, #e0e0e0)",
+        color: "var(--primary-text-color)",
+        borderRadius: "4px",
+        padding: "3px 6px",
+        cursor: "pointer",
+        marginLeft: "4px",
+        fontSize: "0.85em",
+      });
+      resetBtn.addEventListener("click", () => {
+        const data: Record<string, unknown> = { circuit_id: uuid };
+        if (configEntryId) data.config_entry_id = configEntryId;
+        this._callDomainService("clear_circuit_graph_horizon", data)
+          .then(() => {
+            select.value = globalHorizon;
+            resetBtn.remove();
+            this.dispatchEvent(new CustomEvent("graph-settings-changed", { bubbles: true, composed: true }));
+          })
+          .catch((err: Error) => {
+            console.warn("SPAN Panel: graph horizon service failed", err);
+            this.errorStore?.add({
+              key: "service:graph_horizon",
+              level: "error",
+              message: t("error.graph_horizon_failed"),
+              persistent: false,
+            });
+          });
+      });
+      row.appendChild(resetBtn);
+    }
+
+    return row;
+  }
+
+  private _renderFavoritesMode(panel: HTMLDivElement): void {
+    const cfg = this._config as FavoritesModeConfig;
+    const header = this._createHeader(t("sidepanel.graph_settings"), t("sidepanel.favorites_subtitle"));
+    panel.appendChild(header);
+
+    const body = document.createElement("div");
+    body.className = "panel-body";
+
+    // List View Columns (frontend setting, view-agnostic)
+    body.appendChild(this._buildListColumnsSection());
+
+    // Per-contributing-panel sections: one passive-label section per panel
+    // that has any favorited circuit. No global default horizon section —
+    // per the spec, horizons are per-circuit in this mode.
+    for (const section of cfg.perPanelSections) {
+      body.appendChild(this._buildFavoritesPanelSection(section));
+    }
+
+    panel.appendChild(body);
+  }
+
+  private _buildFavoritesPanelSection(section: FavoritesPanelSection): HTMLDivElement {
+    const div = document.createElement("div");
+    div.className = "section";
+
+    const label = document.createElement("div");
+    label.className = "section-label";
+    label.textContent = section.panelName;
+    div.appendChild(label);
+
+    const globalHorizon = section.graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
+    const circuitSettings = section.graphSettings?.circuits ?? {};
+    const topologyCircuits = section.topology.circuits ?? {};
+
+    const favoritedRows = Array.from(section.favoriteCircuitUuids)
+      .map(uuid => ({ uuid, circuit: topologyCircuits[uuid] }))
+      .filter((r): r is { uuid: string; circuit: NonNullable<typeof r.circuit> } => r.circuit !== undefined)
+      .sort((a, b) => (a.circuit.name || "").localeCompare(b.circuit.name || ""));
+
+    for (const { uuid, circuit } of favoritedRows) {
+      const row = this._buildPanelModeCircuitRow(
+        uuid,
+        circuit,
+        circuitSettings[uuid],
+        globalHorizon,
+        section.configEntryId,
+        true, // showFavorites: always true inside favorites-mode rows
+        section.panelDeviceId,
+        section.favoriteCircuitUuids
+      );
+      div.appendChild(row);
+    }
+
+    return div;
+  }
+
   private _renderCircuitMode(panel: HTMLDivElement, cfg: CircuitModeConfig): void {
     const subtitle = `${escapeHtml(String(cfg.breaker_rating_a))}A \u00b7 ${escapeHtml(String(cfg.voltage))}V \u00b7 Tabs [${escapeHtml(String(cfg.tabs))}]`;
     const header = this._createHeader(escapeHtml(cfg.name), subtitle);
@@ -1445,8 +1545,8 @@ class SpanSidePanel extends HTMLElement {
     if (!this._config || this._config.panelMode) return;
     const cfg = this._config;
 
-    // Sub-device mode has no live-updating fields
-    if (cfg.subDeviceMode) return;
+    // Sub-device and favorites modes have no live-updating fields
+    if (cfg.subDeviceMode || cfg.favoritesMode) return;
 
     // Update relay toggle
     if (cfg.entities?.switch) {
diff --git a/src/i18n.ts b/src/i18n.ts
index 0eea76d..53131d3 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -142,6 +142,7 @@ const translations: Record<string, Record<string, string>> = {
     // Side panel
     "sidepanel.graph_settings": "Graph Settings",
     "sidepanel.global_defaults": "Global defaults for all circuits",
+    "sidepanel.favorites_subtitle": "Favorites",
     "sidepanel.global_default": "Global Default",
     "sidepanel.list_view_columns": "List View Columns",
     "sidepanel.columns": "Columns",
@@ -325,6 +326,7 @@ const translations: Record<string, Record<string, string>> = {
     "subdevice.power": "Potencia",
     "sidepanel.graph_settings": "Configuraci\u00f3n de Gr\u00e1ficos",
     "sidepanel.global_defaults": "Valores predeterminados globales para todos los circuitos",
+    "sidepanel.favorites_subtitle": "Favoritos",
     "sidepanel.global_default": "Predeterminado Global",
     "sidepanel.list_view_columns": "Columnas de la lista",
     "sidepanel.columns": "Columnas",
@@ -498,6 +500,7 @@ const translations: Record<string, Record<string, string>> = {
     "subdevice.power": "Puissance",
     "sidepanel.graph_settings": "Param\u00e8tres des Graphiques",
     "sidepanel.global_defaults": "Valeurs par d\u00e9faut globales pour tous les circuits",
+    "sidepanel.favorites_subtitle": "Favoris",
     "sidepanel.global_default": "D\u00e9faut Global",
     "sidepanel.list_view_columns": "Colonnes de la liste",
     "sidepanel.columns": "Colonnes",
@@ -674,6 +677,7 @@ const translations: Record<string, Record<string, string>> = {
     "subdevice.power": "\u96fb\u529b",
     "sidepanel.graph_settings": "\u30b0\u30e9\u30d5\u8a2d\u5b9a",
     "sidepanel.global_defaults": "\u5168\u56de\u8def\u306e\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30d5\u30a9\u30eb\u30c8",
+    "sidepanel.favorites_subtitle": "\u304a\u6c17\u306b\u5165\u308a",
     "sidepanel.global_default": "\u30b0\u30ed\u30fc\u30d0\u30eb\u30c7\u30d5\u30a9\u30eb\u30c8",
     "sidepanel.list_view_columns": "\u30ea\u30b9\u30c8\u8868\u793a\u306e\u5217\u6570",
     "sidepanel.columns": "\u5217",
@@ -851,6 +855,7 @@ const translations: Record<string, Record<string, string>> = {
     "subdevice.power": "Pot\u00eancia",
     "sidepanel.graph_settings": "Configura\u00e7\u00f5es de Gr\u00e1ficos",
     "sidepanel.global_defaults": "Padr\u00f5es globais para todos os circuitos",
+    "sidepanel.favorites_subtitle": "Favoritos",
     "sidepanel.global_default": "Padr\u00e3o Global",
     "sidepanel.list_view_columns": "Colunas da Lista",
     "sidepanel.columns": "Colunas",

From c960860e5903efb791b398596c2d5a6edab6e774 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:39:39 -0700
Subject: [PATCH 86/97] feat(favorites): open graph-settings sidebar grouped by
 contributing panel

---
 src/core/dashboard-controller.ts | 48 ++++++++++++++++++--
 src/core/favorites-sections.ts   | 55 +++++++++++++++++++++++
 src/panel/span-panel.ts          | 19 ++++++++
 tests/favorites-sections.test.ts | 75 ++++++++++++++++++++++++++++++++
 4 files changed, 194 insertions(+), 3 deletions(-)
 create mode 100644 src/core/favorites-sections.ts
 create mode 100644 tests/favorites-sections.test.ts

diff --git a/src/core/dashboard-controller.ts b/src/core/dashboard-controller.ts
index 048723e..a2c38c2 100644
--- a/src/core/dashboard-controller.ts
+++ b/src/core/dashboard-controller.ts
@@ -6,6 +6,9 @@ import { updateCircuitDOM, updateSubDeviceDOM } from "./dom-updater.js";
 import { getEffectiveHorizon, getEffectiveSubDeviceHorizon } from "./graph-settings.js";
 import { MonitoringStatusCache, MonitoringStatusMultiCache, mergeMonitoringStatuses } from "./monitoring-status.js";
 import { GraphSettingsCache } from "./graph-settings.js";
+import { groupFavoritesByPanel } from "./favorites-sections.js";
+import type { FavoritesPanelInfo, FavoritesPanelGroup } from "./favorites-sections.js";
+import type { FavoritesPanelSection } from "./side-panel.js";
 import type { CardConfig, FavoriteRef, GraphSettings, HistoryMap, HomeAssistant, MonitoringStatus, MonitoringStatusResponse, PanelTopology } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
 import { RetryManager } from "./retry-manager.js";
@@ -62,6 +65,8 @@ export class DashboardController {
    */
   private _favRefs: Record<string, FavoriteRef> | null = null;
 
+  private _perPanelInfo: Map<string, FavoritesPanelInfo> = new Map();
+
   /**
    * Context used when opening the panel-mode side panel (Graph Settings)
    * on a single real panel: the panel's HA device id plus the subsets
@@ -139,6 +144,16 @@ export class DashboardController {
     this._panelFavorites = info;
   }
 
+  /**
+   * Register per-panel info for every panel that contributes to the
+   * Favorites view. Called from span-panel's `_renderFavoritesTab`
+   * after `FavoritesController.build` resolves. Cleared when the view
+   * moves off Favorites (via `setFavoritesPerPanelInfo(null)`).
+   */
+  setFavoritesPerPanelInfo(info: Map<string, FavoritesPanelInfo> | null): void {
+    this._perPanelInfo = info ?? new Map();
+  }
+
   private get _inFavoritesView(): boolean {
     return this._favRefs !== null;
   }
@@ -419,9 +434,12 @@ export class DashboardController {
     sidePanel.errorStore = this.errorStore;
 
     if (gearBtn.classList.contains("panel-gear")) {
-      // Favorites view has no single panel to configure — the aggregate
-      // doesn't own global horizon or other panel-level settings.
-      if (this._inFavoritesView) return;
+      if (this._inFavoritesView) {
+        const sections = await this._buildFavoritesSections();
+        if (sections.length === 0) return;
+        sidePanel.open({ favoritesMode: true, perPanelSections: sections });
+        return;
+      }
       await this.graphSettingsCache.fetch(this._hass, this._configEntryId);
       sidePanel.open({
         panelMode: true,
@@ -524,6 +542,30 @@ export class DashboardController {
     }
   }
 
+  /**
+   * Build the per-contributing-panel section array for the Favorites
+   * sidebar. Groups favorite refs by source panel (synchronous, pure),
+   * then fetches graph settings per unique config entry in parallel.
+   * Returns an array suitable for `sidePanel.open({ favoritesMode: true,
+   * perPanelSections })`.
+   */
+  private async _buildFavoritesSections(): Promise<FavoritesPanelSection[]> {
+    if (!this._hass || !this._favRefs) return [];
+    const groups = groupFavoritesByPanel(this._favRefs, this._perPanelInfo);
+    if (groups.length === 0) return [];
+    const sections = await Promise.all(
+      groups.map(async (group: FavoritesPanelGroup) => ({
+        panelDeviceId: group.panelDeviceId,
+        panelName: group.panelName,
+        topology: group.topology,
+        graphSettings: await this._fetchGraphSettingsFresh(group.configEntryId),
+        favoriteCircuitUuids: group.favoriteCircuitUuids,
+        configEntryId: group.configEntryId,
+      }))
+    );
+    return sections;
+  }
+
   /**
    * Uncached fetch of graph settings for a specific config entry.
    * Used in Favorites view where the shared ``graphSettingsCache`` is
diff --git a/src/core/favorites-sections.ts b/src/core/favorites-sections.ts
new file mode 100644
index 0000000..7ed4e67
--- /dev/null
+++ b/src/core/favorites-sections.ts
@@ -0,0 +1,55 @@
+import type { FavoriteRef, PanelTopology } from "../types.js";
+
+/**
+ * Per-panel info needed to build a Favorites-mode sidebar section. Held
+ * in a map keyed by panelDeviceId. The configEntryId is carried here
+ * (rather than pulled from each FavoriteRef) so all favorites on the
+ * same panel route to the same entry without N identical reads.
+ */
+export interface FavoritesPanelInfo {
+  panelName: string;
+  topology: PanelTopology;
+  configEntryId: string | null;
+}
+
+/**
+ * Intermediate grouping shape — one entry per contributing panel. The
+ * graph settings are attached by the caller after this pure step (fetch
+ * is async and involves hass).
+ */
+export interface FavoritesPanelGroup {
+  panelDeviceId: string;
+  panelName: string;
+  topology: PanelTopology;
+  configEntryId: string | null;
+  favoriteCircuitUuids: Set<string>;
+}
+
+/**
+ * Group favorited circuit refs by their source panel and sort groups
+ * alphabetically by panelName for a stable sidebar ordering. Sub-device
+ * refs are filtered out — the Favorites sidebar only lists circuits.
+ * Refs whose panelDeviceId isn't present in `perPanelInfo` are dropped
+ * (defensive — stale ref from a panel that's no longer loaded).
+ */
+export function groupFavoritesByPanel(favRefs: Record<string, FavoriteRef>, perPanelInfo: ReadonlyMap<string, FavoritesPanelInfo>): FavoritesPanelGroup[] {
+  const byPanel = new Map<string, FavoritesPanelGroup>();
+  for (const ref of Object.values(favRefs)) {
+    if (ref.kind !== "circuit") continue;
+    const info = perPanelInfo.get(ref.panelDeviceId);
+    if (info === undefined) continue;
+    let group = byPanel.get(ref.panelDeviceId);
+    if (group === undefined) {
+      group = {
+        panelDeviceId: ref.panelDeviceId,
+        panelName: info.panelName,
+        topology: info.topology,
+        configEntryId: info.configEntryId,
+        favoriteCircuitUuids: new Set(),
+      };
+      byPanel.set(ref.panelDeviceId, group);
+    }
+    group.favoriteCircuitUuids.add(ref.targetId);
+  }
+  return Array.from(byPanel.values()).sort((a, b) => a.panelName.localeCompare(b.panelName));
+}
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 080fe67..3c2e022 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -32,6 +32,7 @@ import {
 } from "./favorites-view-state.js";
 import { buildFavoritesSummaryHTML } from "./favorites-summary.js";
 import { coalesceRuns, makeRenderToken } from "./coalesce.js";
+import type { FavoritesPanelInfo } from "../core/favorites-sections.js";
 import type { CardConfig, FavoritesMap, FavoritesTopology, HomeAssistant, PanelDevice } from "../types.js";
 
 const FAVORITES_PANEL_ID = "favorites";
@@ -301,6 +302,10 @@ export class SpanPanelElement extends LitElement {
         this._watchedPanelId = null;
       } else {
         this._updatePanelStatusWatch();
+        // Leaving Favorites for a real panel — clear stale per-panel metadata
+        // so an accidental gear click before the new per-panel render finishes
+        // cannot open a favorites-mode sidebar with stale data.
+        this._listDashCtrl.setFavoritesPerPanelInfo(null);
       }
     }
 
@@ -991,6 +996,20 @@ export class SpanPanelElement extends LitElement {
     this._errorStore.watchPanelStatuses(panelStatusEntries);
     this._errorStore.updateHass(this.hass);
 
+    // Register per-panel metadata for the Favorites sidebar. The
+    // controller's `onGearClick` uses this to build one sidebar
+    // section per contributing panel.
+    const perPanelInfoMap = new Map<string, FavoritesPanelInfo>();
+    for (const p of build.perPanelStats) {
+      const realPanel = realPanels.find(r => r.id === p.panelDeviceId);
+      perPanelInfoMap.set(p.panelDeviceId, {
+        panelName: p.panelName,
+        topology: p.topology,
+        configEntryId: realPanel?.config_entries?.[0] ?? null,
+      });
+    }
+    this._listDashCtrl.setFavoritesPerPanelInfo(perPanelInfoMap);
+
     const merged = build.topology;
     const primaryEntryId = build.entryIds[0] ?? null;
 
diff --git a/tests/favorites-sections.test.ts b/tests/favorites-sections.test.ts
new file mode 100644
index 0000000..2052b7c
--- /dev/null
+++ b/tests/favorites-sections.test.ts
@@ -0,0 +1,75 @@
+import { describe, it, expect } from "vitest";
+import { groupFavoritesByPanel } from "../src/core/favorites-sections.js";
+import type { FavoriteRef, PanelTopology } from "../src/types.js";
+
+function topo(circuitNames: Record<string, string>): PanelTopology {
+  return {
+    circuits: Object.fromEntries(
+      Object.entries(circuitNames).map(([uuid, name]) => [uuid, { name, tabs: [], entities: {} } as PanelTopology["circuits"][string]])
+    ),
+    device_name: "",
+    panel_entities: {},
+  } as PanelTopology;
+}
+
+describe("groupFavoritesByPanel", () => {
+  it("returns an empty array when favRefs has no circuit entries", () => {
+    const favRefs: Record<string, FavoriteRef> = {};
+    const perPanelInfo = new Map();
+    expect(groupFavoritesByPanel(favRefs, perPanelInfo)).toEqual([]);
+  });
+
+  it("filters out 'sub_device' kind refs — only circuits are included", () => {
+    const favRefs: Record<string, FavoriteRef> = {
+      "p1|u1": { panelDeviceId: "p1", kind: "circuit", targetId: "u1", configEntryId: "e1" },
+      "p1|sd1": { panelDeviceId: "p1", kind: "sub_device", targetId: "sd1", configEntryId: "e1" },
+    };
+    const perPanelInfo = new Map([["p1", { panelName: "Panel 1", topology: topo({ u1: "Kitchen" }), configEntryId: "e1" }]]);
+    const result = groupFavoritesByPanel(favRefs, perPanelInfo);
+    expect(result).toHaveLength(1);
+    expect(result[0]?.favoriteCircuitUuids.size).toBe(1);
+    expect(result[0]?.favoriteCircuitUuids.has("u1")).toBe(true);
+    expect(result[0]?.favoriteCircuitUuids.has("sd1")).toBe(false);
+  });
+
+  it("groups favorite circuits by their panelDeviceId", () => {
+    const favRefs: Record<string, FavoriteRef> = {
+      "p1|u1": { panelDeviceId: "p1", kind: "circuit", targetId: "u1", configEntryId: "e1" },
+      "p1|u2": { panelDeviceId: "p1", kind: "circuit", targetId: "u2", configEntryId: "e1" },
+      "p2|u3": { panelDeviceId: "p2", kind: "circuit", targetId: "u3", configEntryId: "e2" },
+    };
+    const perPanelInfo = new Map([
+      ["p1", { panelName: "Panel A", topology: topo({ u1: "Kitchen", u2: "Living" }), configEntryId: "e1" }],
+      ["p2", { panelName: "Panel B", topology: topo({ u3: "Garage" }), configEntryId: "e2" }],
+    ]);
+    const result = groupFavoritesByPanel(favRefs, perPanelInfo);
+    expect(result).toHaveLength(2);
+    const byId = new Map(result.map(s => [s.panelDeviceId, s]));
+    expect(byId.get("p1")?.favoriteCircuitUuids.size).toBe(2);
+    expect(byId.get("p2")?.favoriteCircuitUuids.size).toBe(1);
+  });
+
+  it("sorts sections alphabetically by panelName", () => {
+    const favRefs: Record<string, FavoriteRef> = {
+      "pZ|u1": { panelDeviceId: "pZ", kind: "circuit", targetId: "u1", configEntryId: "eZ" },
+      "pA|u2": { panelDeviceId: "pA", kind: "circuit", targetId: "u2", configEntryId: "eA" },
+    };
+    const perPanelInfo = new Map([
+      ["pZ", { panelName: "Zeta Panel", topology: topo({ u1: "A" }), configEntryId: "eZ" }],
+      ["pA", { panelName: "Alpha Panel", topology: topo({ u2: "B" }), configEntryId: "eA" }],
+    ]);
+    const result = groupFavoritesByPanel(favRefs, perPanelInfo);
+    expect(result.map(s => s.panelName)).toEqual(["Alpha Panel", "Zeta Panel"]);
+  });
+
+  it("drops refs whose panelDeviceId is missing from perPanelInfo", () => {
+    const favRefs: Record<string, FavoriteRef> = {
+      "known|u1": { panelDeviceId: "known", kind: "circuit", targetId: "u1", configEntryId: "e1" },
+      "ghost|u2": { panelDeviceId: "ghost", kind: "circuit", targetId: "u2", configEntryId: "e2" },
+    };
+    const perPanelInfo = new Map([["known", { panelName: "Known", topology: topo({ u1: "K" }), configEntryId: "e1" }]]);
+    const result = groupFavoritesByPanel(favRefs, perPanelInfo);
+    expect(result).toHaveLength(1);
+    expect(result[0]?.panelDeviceId).toBe("known");
+  });
+});

From 59a66fe921218b19c403189e9278fd0a2a7a3f6e Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:49:36 -0700
Subject: [PATCH 87/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 18 +++++++++---------
 dist/span-panel.js      | 20 ++++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index b66a6fb..4c165e8 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,21 +1,21 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,_={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},f={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:_.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,_={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},f={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:_.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,O={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!k(e,t),F={attribute:!0,type:String,converter:O,reflect:!1,useDefault:!1,hasChanged:R};
+const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,R={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},F=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:R,reflect:!1,useDefault:!1,hasChanged:F};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=F){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??F}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:O).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:O;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:R).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:R;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??F)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,U=e=>e,W=q.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const Ce=q.litHtmlPolyfillSupport;Ce?.(_e,ve),(q.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const Ce=U.litHtmlPolyfillSupport;Ce?.(_e,ve),(U.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const q=globalThis,U=e=>e,W=q.trustedTypes,B=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:R},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:F},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Oe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}const Re=_.power;function Fe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function qe(e){return(Math.abs(e)/1e3).toFixed(1)}function Ue(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return Ue(t)===Ue(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Fe(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=qe(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=qe(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=qe(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=qe(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Fe(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Fe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Fe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ft{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ot(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ot(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Fe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class qt{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function Ut(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(n)??!1);e&&o.appendChild(e)}const l=d[n]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${n}`,g,()=>{const e={circuit_id:n,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Re(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Fe=_.power;function Oe(e){return Fe.unit(e)}function je(e){return(e<0?"-":"")+Fe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Oe(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Oe(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Rt(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ft(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Rt(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ft(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Rt(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ft(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ft(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -92,7 +92,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,b([Me()],Kt.prototype,"_errors",void 0),Kt=b([ze("span-error-banner")],Kt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ft(this._ctrl),this._errorStore=new qt,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:o,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(n(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
+  `,b([Me()],Kt.prototype,"_errors",void 0),Kt=b([ze("span-error-banner")],Kt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ot(this._ctrl),this._errorStore=new Ut,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:o,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(n(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
         <ha-card>
           <span-error-banner .store=${this._errorStore}></span-error-banner>
           ${e?de:le`<div style="padding: 24px; color: var(--secondary-text-color);">${Ie(i("card.connecting"))}</div>`}
@@ -110,7 +110,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??Ut(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(f=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=Ut(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Oe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=Ue(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Fe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(f=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Re(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -133,4 +133,4 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${i("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),_=c(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(_)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),_=c(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(_)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index e04d947..5c8a9c1 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -1,15 +1,15 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}function i(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},v="#ff9800";function m(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){return t[e]?.[n]??t.en?.[n]??n}function i(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const s="power",o="5m",r={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},a="span_panel",l="CLOSED",c="pv",d="bess",h="evse",p="sub_",u=500,g={power:{entityRole:"power",label:()=>n("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>n("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>n("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>n("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:g.power},f={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>n("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>n("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>n("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>n("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>n("shedding.unknown")}},v="#ff9800";function m(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",L=I.reactiveElementPolyfillSupport,F=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!P(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!P(e,t),O={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(F("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(F("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(F("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[F("elementProperties")]=new Map,q[F("finalized")]=new Map,L?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,13 +46,13 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Le=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Fe{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildFavoriteHeart(s.entities,t.favoriteCircuitUuids?.has(i)??!1);e&&o.appendChild(e)}const l=d[i]||{horizon:c,has_override:!1},h=l.has_override?l.horizon:c,p=document.createElement("select");p.dataset.uuid=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===h&&(t.selected=!0),p.appendChild(t)}if(p.addEventListener("change",()=>{this._debounce(`circuit-${i}`,u,()=>{const e={circuit_id:i,horizon:p.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(p),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={circuit_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_graph_horizon",s).then(()=>{p.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function tt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${et(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n          ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n        </div>\n      </div>\n    </div>\n  `}Xe.styles=C`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Re(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Re(e.device_name||n("header.default_name")),o=Re(e.serial||""),r=Re(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const nt=g.power;function it(e){return nt.unit(e)}function st(e){return(e<0?"-":"")+nt.format(e)}function ot(e){return(Math.abs(e)/1e3).toFixed(1)}function rt(e){return Math.ceil(e/2)}function at(e){return e%2==0?1:0}function lt(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return rt(t)===rt(n)?"row-span":at(t)===at(n)?"col-span":"row-span"}function ct(e){const t=e.chart_metric??s;return g[t]??g[s]}function dt(e,t){const n=function(e){return ct(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class ht{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class pt{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new ht,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function ut(e,t){return e?.circuits?e.circuits[t]??null:null}function gt(e){return!!e&&void 0!==e.continuous_threshold_pct}function _t(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),gt(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function ft(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=ct(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${st(_)}</strong><span class="power-unit">${it(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&gt(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${_t(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function vt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const mt={names:["power","battery power"],suffixes:["_power"]},bt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},yt={names:["state of energy"],suffixes:["_soe_kwh"]},wt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function xt(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function St(e){return xt(e,mt)}function $t(e){return xt(e,bt)}function Ct(e){return xt(e,yt)}function kt(e){return xt(e,wt)}function Pt(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=St(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?$t(s):null,v=g?Ct(s):null,m=g?kt(s):null,b=Et(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=zt(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${st(u)}</strong> <span class="power-unit">${it(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function Et(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function zt(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function At(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Nt(e){const t=r[e];return t?t.ms:r[o].ms}function Mt(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function It(e){return Math.max(500,Math.floor(e/5e3))}function Tt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Dt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ft(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=Mt(i),l=It(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Dt(t,a,l))}}}function Ht(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:St(i)};i.type===d&&(e.soc=$t(i),e.soe=Ct(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=dt(i,n);if(!t)continue;let o;o=s&&s.has(e)?Nt(s.get(e)):At(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ht(t)){let t;t=o&&o.has(s)?Nt(o.get(s)):At(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ft(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Rt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function jt(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=ot(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=ot(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=ot(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=ot(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Ut(e,t,i,s,o,r){if(!e||!i||!t)return;const a=At(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&jt(o,t,n,i,s)}(e,t,i,s,d);const h=ct(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${st(_)}</strong><span class="power-unit">${it(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Nt(r.get(s)):a,p=d.device_type===c;Rt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Wt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Gt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Vt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Bt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new ht,this.monitoringMultiCache=new pt,this.graphSettingsCache=new Wt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Gt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Vt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Gt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Vt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=dt(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Nt(i),d=Mt(c),h=It(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ht(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Nt(s),d=Mt(c),h=It(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Tt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ht(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Ut(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=At(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=St(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${st(i)}</strong> <span class="power-unit">${it(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Rt(e,t,a,o?.has(i)?Nt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView)return;return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Qt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: slide-to-arm + W/A unit toggle strip. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .favorites-summary-unit-toggle {\n    margin-left: auto;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Kt{constructor(){this._ctrl=new Bt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=tt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":lt(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=rt(Math.max(...n));0===at(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?ut(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=ft(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=vt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=ft(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=vt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=ft(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Pt(r,t,s);e.innerHTML=`\n      <style>${Qt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Jt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Xt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Zt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",Yt="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function tn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class nn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${tn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${tn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${tn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${tn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Xt}">\n            </div>\n            <div style="${Jt}">\n              <span style="${Zt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Xt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${en}">\n            </div>\n\n            <div style="${Jt}">\n              <span style="${Yt}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${en}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${Yt}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function sn(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function on(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=ct(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${st(h)}</strong><span class="power-unit">${it(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&gt(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=_t(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function an(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function ln(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function cn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function dn(e,t,n,i){const s=ln(e,n,i),o=ln(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function hn(e,t,n){return e.sort((e,i)=>dn(e[1],i[1],t,n))}function pn(e){return e.entities?.current??e.entities?.power??""}class un{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=hn(Object.entries(n.circuits),t,i);let a=o+sn(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=ut(s,pn(n)),r=cn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=on(e,n,t,i,o,r,l),l&&(a+=rn(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+sn(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=hn(n,t,s);d+=an(e);for(const[e,n]of i){const i=ut(o,pn(n)),r=cn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=on(e,n,t,s,i,r,a),a&&(d+=rn(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=ct(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=ln(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${st(i)}</strong><span class="power-unit">${it(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>dn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=ut(this._monitoringStatus,pn(t)),o=rn(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function gn(e,t){return`${e}|${t}`}class _n{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=gn(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=gn(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const fn="span_panel_favorites_view_state";function vn(e){try{localStorage.setItem(fn,JSON.stringify(e))}catch{}}var mn;const bn="favorites";let yn=mn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Kt,this._monitoringTab=new nn,this._listDashCtrl=new Bt,this._listCtrl=new un(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new _n,this._favoritesMonitoringTabs=new Map,this._errorStore=new Fe,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==bn&&this._selectedPanelId?this._updatePanelStatusWatch():(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Re(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Re(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Re(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Re(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Re(o)}</span>\n          <span class="sub-device-name">${Re(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Re(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Re(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Re(n)}">${Re(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Re(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Re(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Re(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Rt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Rt(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Rt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Rt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Re(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Re(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Re(r)} (${Re(e)})`:Re(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Re(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Re(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Re(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Re(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Re(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Re(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Re(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Re(e)}" data-uuid="${Re(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Re(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Re(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Re(e)}" style="grid-column:1 / -1;">${Re(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -132,7 +132,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
                 ${this._panels.map(e=>le` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Le((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Oe(e.id)}">${Oe(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Re(e.id)}">${Re(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===bn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,vn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,vn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==bn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===bn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(fn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===bn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:bn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===bn;this._favorites=t;const i=this._panels.filter(e=>e.id!==bn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(fn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){const e="current"===(this._chartMetric||"power");return`\n      <div class="favorites-summary">\n        <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n          <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n          <div class="slide-confirm-knob">\n            <ha-icon icon="mdi:lock"></ha-icon>\n          </div>\n        </div>\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    `}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${et(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&jt(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?tt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?tt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==bn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=s.topology,a=s.entryIds[0]??null,l=Object.keys(r.circuits).length>0,c=Object.keys(r.sub_devices??{}).length>0;if(!l&&!c){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(r._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const d=this._activeTab,h=new Set(Object.keys(r.circuits)),p=this._favoritesViewState.expanded[d].filter(e=>h.has(e));this._listCtrl.setViewName(d),this._listCtrl.setInitialExpansion(p),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const u=this._buildDashboardConfig();if(this._listDashCtrl.init(r,u,this.hass,a),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const g=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const _=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,u)+(c?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Pt(r,this.hass,u)}</div>\n         </div>`:"");try{if("activity"===d?this._listCtrl.renderActivityView(e,this.hass,r,u,g,_):this._listCtrl.renderAreaView(e,this.hass,r,u,g,_),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,u),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,u)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new nn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};yn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
@@ -250,4 +250,4 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
       opacity: 1;
       border-bottom-color: var(--app-header-text-color, white);
     }
-  `,yn.styles=[mn._shellStyles,$(Qt)],m([Ne({attribute:!1})],yn.prototype,"hass",void 0),m([Ne({type:Boolean,reflect:!0})],yn.prototype,"narrow",void 0),m([Me()],yn.prototype,"_panels",void 0),m([Me()],yn.prototype,"_selectedPanelId",void 0),m([Me()],yn.prototype,"_activeTab",void 0),m([Me()],yn.prototype,"_discovered",void 0),m([Me()],yn.prototype,"_chartMetric",void 0),m([Me()],yn.prototype,"_listColumns",void 0),m([Me()],yn.prototype,"_favorites",void 0),yn=mn=m([Ee("span-panel")],yn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let wn=!1;const xn=yn.prototype.connectedCallback;yn.prototype.connectedCallback=function(){wn=!0,xn.call(this)};const Sn=yn.prototype.disconnectedCallback;yn.prototype.disconnectedCallback=function(){wn=!1,Sn.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(wn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{wn||location.reload()},200))});
+  `,wn.styles=[bn._shellStyles,$(Kt)],m([Ne({attribute:!1})],wn.prototype,"hass",void 0),m([Ne({type:Boolean,reflect:!0})],wn.prototype,"narrow",void 0),m([Me()],wn.prototype,"_panels",void 0),m([Me()],wn.prototype,"_selectedPanelId",void 0),m([Me()],wn.prototype,"_activeTab",void 0),m([Me()],wn.prototype,"_discovered",void 0),m([Me()],wn.prototype,"_chartMetric",void 0),m([Me()],wn.prototype,"_listColumns",void 0),m([Me()],wn.prototype,"_favorites",void 0),wn=bn=m([Ee("span-panel")],wn),console.warn("%c SPAN-PANEL %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: #000; font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");let xn=!1;const Sn=wn.prototype.connectedCallback;wn.prototype.connectedCallback=function(){xn=!0,Sn.call(this)};const $n=wn.prototype.disconnectedCallback;wn.prototype.disconnectedCallback=function(){xn=!1,$n.call(this)},document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&(xn||window.location.pathname.includes("span-panel")&&setTimeout(()=>{xn||location.reload()},200))});

From 7776bc517b3249be9d1d5dc56b1f2513b29d7c42 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 14:55:53 -0700
Subject: [PATCH 88/97] fix(favorites): anchor summary gear flush-left in the
 summary row

---
 dist/span-panel-card.js | 10 +++++-----
 dist/span-panel.js      | 16 ++++++++--------
 src/card/card-styles.ts |  7 +++++++
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 4c165e8..fa35e0a 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,4 +1,4 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,_={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},f={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:_.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,f={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:f.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -15,7 +15,7 @@ const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const Ce=U.litHtmlPolyfillSupport;Ce?.(_e,ve),(U.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class fe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=fe.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function _e(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=fe.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new fe(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Ce=U.litHtmlPolyfillSupport;Ce?.(fe,ve),(U.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Re(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Fe=_.power;function Oe(e){return Fe.unit(e)}function je(e){return(e<0?"-":"")+Fe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Oe(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Oe(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Rt(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ft(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Rt(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ft(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Rt(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ft(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ft(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Re(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Fe=f.power;function Oe(e){return Fe.unit(e)}function je(e){return(e<0?"-":"")+Fe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Rt(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ft(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Rt(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ft(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Rt(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ft(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ft(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -110,7 +110,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(f=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Re(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},f=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}f&&c.startsWith(f+" ")&&(c=c.slice(f.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let _="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(_=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:_,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Re(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,f=s.type===p,_=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,_,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,_,m);let w="";g?w="sub-device-bess":f&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -133,4 +133,4 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${i("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),_=c(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(_)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),f=c(p,"0","59",i("editor.minutes")),_=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(f.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",_),g.input.addEventListener("change",_),f.input.addEventListener("change",_),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(f.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=f.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(f)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 5c8a9c1..f07c41e 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!P(e,t),O={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!P(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,13 +46,13 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Re(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Re(e.device_name||n("header.default_name")),o=Re(e.serial||""),r=Re(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Re(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Re(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Re(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Re(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Re(o)}</span>\n          <span class="sub-device-name">${Re(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Re(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Re(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Re(n)}">${Re(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Re(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Re(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Re(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Rt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Rt(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Rt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Rt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Re(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Re(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Re(r)} (${Re(e)})`:Re(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Re(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Re(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Re(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Re(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Re(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Re(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Re(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Re(e)}" data-uuid="${Re(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Re(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Re(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Re(e)}" style="grid-column:1 / -1;">${Re(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -132,7 +132,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
                 ${this._panels.map(e=>le` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Re(e.id)}">${Re(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Oe(e.id)}">${Oe(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/card/card-styles.ts b/src/card/card-styles.ts
index add701e..fe97ac4 100644
--- a/src/card/card-styles.ts
+++ b/src/card/card-styles.ts
@@ -61,6 +61,13 @@ export const CARD_STYLES: string = `
     align-items: center;
     gap: 12px;
   }
+  /* Override the generic .gear-icon { margin-left: auto } rule so the
+     favorites gear stays flush-left instead of floating to the right of
+     the flex row (same idea as .panel-identity .panel-gear does for
+     real-panel headers). */
+  .favorites-summary .favorites-gear {
+    margin-left: 0;
+  }
   /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.
      margin-left:auto moved here from .favorites-summary-unit-toggle so the
      legend and toggle cluster together, matching the real-panel header

From 843818dc1bb0cb3fa4f996179a8983b59be38546 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:03:30 -0700
Subject: [PATCH 89/97] fix(favorites): defer tab re-render while
 favorites-mode sidebar is open

---
 dist/span-panel-card.js | 10 +++++-----
 dist/span-panel.js      | 16 ++++++++--------
 src/core/side-panel.ts  | 12 ++++++++++++
 src/panel/span-panel.ts | 29 +++++++++++++++++++++++++++++
 4 files changed, 54 insertions(+), 13 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index fa35e0a..e41fba5 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,R={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},F=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:R,reflect:!1,useDefault:!1,hasChanged:F};
+const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:R).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:R;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??F)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:R,reflect:!1,hasChanged:F},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:R},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Re(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Fe=f.power;function Oe(e){return Fe.unit(e)}function je(e){return(e<0?"-":"")+Fe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Rt(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ft(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Rt(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ft(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Rt(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ft(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ft(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Re=f.power;function Oe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -110,7 +110,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},f=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}f&&c.startsWith(f+" ")&&(c=c.slice(f.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let _="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(_=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:_,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Re(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,f=s.type===p,_=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,_,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,_,m);let w="";g?w="sub-device-bess":f&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Re(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},f=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}f&&c.startsWith(f+" ")&&(c=c.slice(f.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let _="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(_=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:_,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Fe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,f=s.type===p,_=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,_,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,_,m);let w="";g?w="sub-device-bess":f&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index f07c41e..06eb883 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!P(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!P(e,t),O={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,13 +46,13 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open","")}close(){this.removeAttribute("open"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Re(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Re(e.device_name||n("header.default_name")),o=Re(e.serial||""),r=Re(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Re(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Re(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Re(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Re(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Re(o)}</span>\n          <span class="sub-device-name">${Re(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Re(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Re(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Re(n)}">${Re(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Re(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Re(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Re(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Rt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Rt(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Rt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Rt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Re(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Re(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Re(r)} (${Re(e)})`:Re(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Re(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Re(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Re(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Re(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Re(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Re(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Re(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Re(e)}" data-uuid="${Re(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Re(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Re(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Re(e)}" style="grid-column:1 / -1;">${Re(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -132,7 +132,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
                 ${this._panels.map(e=>le` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Oe(e.id)}">${Oe(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Re(e.id)}">${Re(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate()}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,await this._tabRenderScheduler()}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._isFavoritesView&&this._favoritesSidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_favoritesSidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector('span-side-panel[open][data-mode="favorites"]')}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 6487578..e24debb 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -389,14 +389,26 @@ class SpanSidePanel extends HTMLElement {
     // Force reflow before adding attribute so the transition animates
     void this.offsetHeight;
     this.setAttribute("open", "");
+    // Expose the active mode as a host attribute so parents can detect
+    // which sidebar variant is open (e.g. to defer tab re-renders while
+    // a favorites-mode sidebar is live).
+    this.setAttribute("data-mode", this._modeFor(config));
   }
 
   close(): void {
     this.removeAttribute("open");
+    this.removeAttribute("data-mode");
     this._config = null;
     this.dispatchEvent(new CustomEvent("side-panel-closed", { bubbles: true, composed: true }));
   }
 
+  private _modeFor(cfg: SidePanelConfig): "favorites" | "panel" | "subDevice" | "circuit" {
+    if (cfg.favoritesMode) return "favorites";
+    if (cfg.panelMode) return "panel";
+    if (cfg.subDeviceMode) return "subDevice";
+    return "circuit";
+  }
+
   // ── Rendering ─────────────────────────────────────────────────────────
 
   private _render(): void {
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 3c2e022..cc3ae6a 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -90,6 +90,14 @@ export class SpanPanelElement extends LitElement {
   private _onVisibilityChange: (() => void) | null = null;
   private _onFavoritesChanged: (() => void) | null = null;
   private _deviceRegistryUnsub: Promise<() => void> | null = null;
+  /**
+   * True when a tab re-render was requested while a favorites-mode
+   * sidebar was open. `_onSidePanelClosed` consumes the flag and fires
+   * the deferred render so the main view catches up to the changes
+   * (un-favorited rows, new column count) the user made inside the
+   * sidebar.
+   */
+  private _pendingTabRender = false;
 
   private static _shellStyles = css`
     :host {
@@ -476,6 +484,12 @@ export class SpanPanelElement extends LitElement {
     // The Favorites view uses the multi-entry cache for monitoring; if
     // the side panel adjusted any settings, freshen those too.
     this._listDashCtrl.monitoringMultiCache.invalidate();
+    // Replay any tab render that was deferred while the sidebar was open
+    // (heart toggle or list-columns change inside a favorites-mode sidebar).
+    if (this._pendingTabRender) {
+      this._pendingTabRender = false;
+      this._scheduleTabRender();
+    }
   }
 
   private _onUnitChanged(e: Event): void {
@@ -841,9 +855,24 @@ export class SpanPanelElement extends LitElement {
    */
   private async _scheduleTabRender(): Promise<void> {
     await this.updateComplete;
+    // While a favorites-mode sidebar is open over the Favorites view, any
+    // tab re-render would wipe `#tab-content` and destroy the open sidebar.
+    // Defer the render until the sidebar closes (handled by
+    // `_onSidePanelClosed`). A modal backdrop prevents tab/panel clicks
+    // while the sidebar is open, so only sidebar-originated state changes
+    // (heart toggle, list-columns change, horizon edit) take this path.
+    if (this._isFavoritesView && this._favoritesSidePanelOpen()) {
+      this._pendingTabRender = true;
+      return;
+    }
     await this._tabRenderScheduler();
   }
 
+  private _favoritesSidePanelOpen(): boolean {
+    const container = this.shadowRoot?.getElementById("tab-content");
+    return !!container?.querySelector('span-side-panel[open][data-mode="favorites"]');
+  }
+
   private async _renderTab(): Promise<void> {
     const superseded = this._beginRender();
 

From bb7b70675af51b450c5814ab7cd0c61b17df3cc0 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:09:30 -0700
Subject: [PATCH 90/97] feat(favorites): list every circuit per contributing
 panel in sidebar

Widen the favorites-mode sidebar's per-panel section from 'favorited
circuits only' to 'every circuit in that panel's topology'. Heart state
derives from section.favoriteCircuitUuids, so users can toggle existing
favorites off and add new ones for any circuit on a contributing panel
without leaving the Favorites view -- consistent with the real-panel
gear sidebar's full circuit listing and the Favorites Monitoring tab's
full per-panel data.

Extracts the row-selection step as sortedCircuitsForSection() in
favorites-sections.ts so the alphabetical-sort + every-circuit contract
is unit-testable without a DOM (5 new tests; 209 total).
---
 dist/span-panel-card.js          |  2 +-
 dist/span-panel.js               |  2 +-
 src/core/favorites-sections.ts   | 24 +++++++++++++++-
 src/core/side-panel.ts           | 14 ++++++----
 tests/favorites-sections.test.ts | 47 +++++++++++++++++++++++++++++++-
 5 files changed, 79 insertions(+), 10 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index e41fba5..95930a6 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Re=f.power;function Oe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:o[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Re=f.power;function Oe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 06eb883..66c10d4 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,7 +46,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=e.topology.circuits??{},a=Array.from(e.favoriteCircuitUuids).map(e=>({uuid:e,circuit:r[e]})).filter(e=>void 0!==e.circuit).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""));for(const{uuid:n,circuit:o}of a){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
diff --git a/src/core/favorites-sections.ts b/src/core/favorites-sections.ts
index 7ed4e67..bf3b49f 100644
--- a/src/core/favorites-sections.ts
+++ b/src/core/favorites-sections.ts
@@ -1,4 +1,4 @@
-import type { FavoriteRef, PanelTopology } from "../types.js";
+import type { Circuit, FavoriteRef, PanelTopology } from "../types.js";
 
 /**
  * Per-panel info needed to build a Favorites-mode sidebar section. Held
@@ -53,3 +53,25 @@ export function groupFavoritesByPanel(favRefs: Record<string, FavoriteRef>, perP
   }
   return Array.from(byPanel.values()).sort((a, b) => a.panelName.localeCompare(b.panelName));
 }
+
+/**
+ * Enumerate every circuit in a contributing panel's topology, sorted
+ * alphabetically by circuit name (stable, case-insensitive via
+ * `localeCompare`). Consumed by the Favorites-mode sidebar: each row
+ * shows a heart (filled or empty) so users can adjust their favorites
+ * for that panel without leaving the Favorites view — including adding
+ * new favorites for circuits that weren't previously favorited.
+ *
+ * This mirrors the per-panel circuit list rendered by the real-panel
+ * gear sidebar (`_renderPanelMode`), keeping the two modes structurally
+ * consistent: every circuit the user can address on that panel appears
+ * in the list; the heart state discriminates favorited vs. not.
+ *
+ * Returns an empty array when the topology has no circuits.
+ */
+export function sortedCircuitsForSection(topology: PanelTopology): Array<{ uuid: string; circuit: Circuit }> {
+  const circuits = topology.circuits ?? {};
+  return Object.entries(circuits)
+    .map(([uuid, circuit]) => ({ uuid, circuit }))
+    .sort((a, b) => (a.circuit.name || "").localeCompare(b.circuit.name || ""));
+}
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index e24debb..07a3def 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -4,6 +4,7 @@ import { loadListColumns, saveListColumns } from "../helpers/list-columns.js";
 import { INTEGRATION_DOMAIN, SHEDDING_PRIORITIES, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, INPUT_DEBOUNCE_MS } from "../constants.js";
 import { t } from "../i18n.js";
 import { addFavorite, removeFavorite } from "./favorites-store.js";
+import { sortedCircuitsForSection } from "./favorites-sections.js";
 import type { HomeAssistant, PanelTopology, GraphSettings, CircuitEntities, CircuitGraphOverride, MonitoringPointInfo } from "../types.js";
 import type { ErrorStore } from "./error-store.js";
 
@@ -782,14 +783,15 @@ class SpanSidePanel extends HTMLElement {
 
     const globalHorizon = section.graphSettings?.global_horizon ?? DEFAULT_GRAPH_HORIZON;
     const circuitSettings = section.graphSettings?.circuits ?? {};
-    const topologyCircuits = section.topology.circuits ?? {};
 
-    const favoritedRows = Array.from(section.favoriteCircuitUuids)
-      .map(uuid => ({ uuid, circuit: topologyCircuits[uuid] }))
-      .filter((r): r is { uuid: string; circuit: NonNullable<typeof r.circuit> } => r.circuit !== undefined)
-      .sort((a, b) => (a.circuit.name || "").localeCompare(b.circuit.name || ""));
+    // Every circuit in this panel's topology — not just the favorited
+    // ones. Each row's heart discriminates active vs. inactive based on
+    // `section.favoriteCircuitUuids`, so users can un-favorite or newly
+    // favorite any circuit on this panel without leaving the Favorites
+    // view. Mirrors the real-panel gear sidebar (`_renderPanelMode`).
+    const rows = sortedCircuitsForSection(section.topology);
 
-    for (const { uuid, circuit } of favoritedRows) {
+    for (const { uuid, circuit } of rows) {
       const row = this._buildPanelModeCircuitRow(
         uuid,
         circuit,
diff --git a/tests/favorites-sections.test.ts b/tests/favorites-sections.test.ts
index 2052b7c..0d0f95b 100644
--- a/tests/favorites-sections.test.ts
+++ b/tests/favorites-sections.test.ts
@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { groupFavoritesByPanel } from "../src/core/favorites-sections.js";
+import { groupFavoritesByPanel, sortedCircuitsForSection } from "../src/core/favorites-sections.js";
 import type { FavoriteRef, PanelTopology } from "../src/types.js";
 
 function topo(circuitNames: Record<string, string>): PanelTopology {
@@ -73,3 +73,48 @@ describe("groupFavoritesByPanel", () => {
     expect(result[0]?.panelDeviceId).toBe("known");
   });
 });
+
+describe("sortedCircuitsForSection", () => {
+  it("returns an empty array when the topology has no circuits", () => {
+    const empty = {
+      circuits: {},
+      device_name: "",
+      panel_entities: {},
+    } as PanelTopology;
+    expect(sortedCircuitsForSection(empty)).toEqual([]);
+  });
+
+  it("returns every circuit in the topology (not filtered to favorites)", () => {
+    const t = topo({ u1: "Kitchen", u2: "Garage", u3: "Bedroom" });
+    const result = sortedCircuitsForSection(t);
+    expect(result).toHaveLength(3);
+    expect(new Set(result.map(r => r.uuid))).toEqual(new Set(["u1", "u2", "u3"]));
+  });
+
+  it("sorts rows alphabetically by circuit name (case-aware localeCompare)", () => {
+    const t = topo({ u1: "Zebra", u2: "apple", u3: "Mango" });
+    const result = sortedCircuitsForSection(t);
+    // localeCompare on most locales folds case, so "apple" < "Mango" < "Zebra".
+    expect(result.map(r => r.circuit.name)).toEqual(["apple", "Mango", "Zebra"]);
+  });
+
+  it("treats missing circuit names as the empty string (stable placement)", () => {
+    const t = {
+      circuits: {
+        u1: { name: "", tabs: [], entities: {} } as PanelTopology["circuits"][string],
+        u2: { name: "Kitchen", tabs: [], entities: {} } as PanelTopology["circuits"][string],
+      },
+      device_name: "",
+      panel_entities: {},
+    } as PanelTopology;
+    const result = sortedCircuitsForSection(t);
+    // Empty-string names sort before any non-empty name.
+    expect(result[0]?.uuid).toBe("u1");
+    expect(result[1]?.uuid).toBe("u2");
+  });
+
+  it("tolerates a topology with no circuits field (defensive null-safe default)", () => {
+    const malformed = { device_name: "", panel_entities: {} } as unknown as PanelTopology;
+    expect(sortedCircuitsForSection(malformed)).toEqual([]);
+  });
+});

From 58cbdba6b60b56b60583c4b3da87d906da45da01 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:24:08 -0700
Subject: [PATCH 91/97] fix(side-panel): defer tab re-render for every sidebar
 mode, not just favorites

---
 dist/span-panel.js      |  2 +-
 src/panel/span-panel.ts | 29 +++++++++++++++--------------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/dist/span-panel.js b/dist/span-panel.js
index 66c10d4..7d2d428 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._isFavoritesView&&this._favoritesSidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_favoritesSidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector('span-side-panel[open][data-mode="favorites"]')}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index cc3ae6a..7e66ca4 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -91,11 +91,11 @@ export class SpanPanelElement extends LitElement {
   private _onFavoritesChanged: (() => void) | null = null;
   private _deviceRegistryUnsub: Promise<() => void> | null = null;
   /**
-   * True when a tab re-render was requested while a favorites-mode
-   * sidebar was open. `_onSidePanelClosed` consumes the flag and fires
-   * the deferred render so the main view catches up to the changes
-   * (un-favorited rows, new column count) the user made inside the
-   * sidebar.
+   * True when a tab re-render was requested while any sidebar (favorites
+   * mode, real-panel gear mode, per-circuit, or sub-device) was open.
+   * `_onSidePanelClosed` consumes the flag and fires the deferred render
+   * so the main view catches up to the changes (un-favorited rows, new
+   * column count, horizon edits) the user made inside the sidebar.
    */
   private _pendingTabRender = false;
 
@@ -855,22 +855,23 @@ export class SpanPanelElement extends LitElement {
    */
   private async _scheduleTabRender(): Promise<void> {
     await this.updateComplete;
-    // While a favorites-mode sidebar is open over the Favorites view, any
-    // tab re-render would wipe `#tab-content` and destroy the open sidebar.
-    // Defer the render until the sidebar closes (handled by
-    // `_onSidePanelClosed`). A modal backdrop prevents tab/panel clicks
-    // while the sidebar is open, so only sidebar-originated state changes
-    // (heart toggle, list-columns change, horizon edit) take this path.
-    if (this._isFavoritesView && this._favoritesSidePanelOpen()) {
+    // While any sidebar is open, a tab re-render would wipe
+    // `#tab-content` and destroy the live sidebar. Defer the render until
+    // the sidebar closes (handled by `_onSidePanelClosed`). A modal
+    // backdrop prevents tab/panel clicks while the sidebar is open, so
+    // only sidebar-originated state changes (heart toggle, list-columns
+    // change, horizon edit) take this path. Covers both favorites-mode
+    // and real-panel-mode sidebars — any open sidebar qualifies.
+    if (this._sidePanelOpen()) {
       this._pendingTabRender = true;
       return;
     }
     await this._tabRenderScheduler();
   }
 
-  private _favoritesSidePanelOpen(): boolean {
+  private _sidePanelOpen(): boolean {
     const container = this.shadowRoot?.getElementById("tab-content");
-    return !!container?.querySelector('span-side-panel[open][data-mode="favorites"]');
+    return !!container?.querySelector("span-side-panel[open]");
   }
 
   private async _renderTab(): Promise<void> {

From a555311bc9c28f4cf022a8625273153fce2f9652 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 17:39:55 -0700
Subject: [PATCH 92/97] fix: address deep code-review findings

Cache races:
- favorites-store, monitoring-status: add generation counter so
  invalidate() supersedes in-flight fetches instead of letting a stale
  pre-invalidate result commit to cache for up to 30s.
- monitoring-status: coalesce concurrent fetches onto a single promise
  instead of returning the possibly-null prior state to racing callers.

Lifecycle leaks:
- span-panel-card, span-panel: guard subscribeAreaUpdates with an
  _areaSubscribing flag so disconnect-before-resolve unsubscribes
  immediately instead of storing the handle on a detached element.
- side-panel: add disconnectedCallback; clear _debounceTimers on close()
  so pending threshold/horizon writes cannot fire against a torn-down
  config.

Null-safety:
- tab-monitoring: replace 8 querySelector<T>(...)!.value assertions with
  a null-checked readGlobalFields() helper; surface failures via the
  status element instead of crashing the save handler.
- tab-monitoring, tab-settings: coerce unvalidated WS responses via
  dedicated narrowing functions instead of unsafe `as` casts.
- card-discovery: harden identifier-pair destructuring against malformed
  shapes.
- retry-manager: replace `throw lastError!` with nullish fallback.
- span-panel, error-store: narrow err with instanceof Error before
  reading .message; isolate subscriber exceptions in _notify().

Escaping:
- grid-renderer, header-renderer, list-renderer, sub-device-renderer:
  escape every i18n-sourced string interpolated into title=, data-, and
  inline style attributes so future translations containing `"` cannot
  break markup.

Refactor:
- span-panel-card, span-panel: centralise shadow-root access via a
  private _root getter; removes 24 `this.shadowRoot!` assertions.

State pruning:
- span-panel: only prune favorites view-state expansion ids when a
  populated topology is available, so a rapid search keystroke during a
  tab re-render doesn't drop every expanded row.
---
 src/card/card-discovery.ts      |  8 ++-
 src/card/span-panel-card.ts     | 83 +++++++++++++++++++++---------
 src/core/error-store.ts         |  9 +++-
 src/core/favorites-store.ts     | 21 ++++++--
 src/core/grid-renderer.ts       | 28 ++++++----
 src/core/header-renderer.ts     |  8 +--
 src/core/list-renderer.ts       |  2 +-
 src/core/monitoring-status.ts   | 90 +++++++++++++++++++--------------
 src/core/retry-manager.ts       |  2 +-
 src/core/side-panel.ts          | 15 ++++++
 src/core/sub-device-renderer.ts |  2 +-
 src/panel/span-panel.ts         | 64 +++++++++++++++++++----
 src/panel/tab-monitoring.ts     | 87 ++++++++++++++++++++++---------
 src/panel/tab-settings.ts       | 27 ++++++++--
 14 files changed, 325 insertions(+), 121 deletions(-)

diff --git a/src/card/card-discovery.ts b/src/card/card-discovery.ts
index ce5114f..fbe4c20 100644
--- a/src/card/card-discovery.ts
+++ b/src/card/card-discovery.ts
@@ -163,7 +163,13 @@ export async function discoverEntitiesFallback(hass: HomeAssistant, deviceId: st
   let serial = "";
   if (panelDevice.identifiers) {
     for (const pair of panelDevice.identifiers) {
-      if (pair[0] === INTEGRATION_DOMAIN) serial = pair[1];
+      // Identifier pairs are [domain, value]. Skip malformed shapes rather
+      // than silently indexing past the end.
+      if (!Array.isArray(pair) || pair.length < 2) continue;
+      const [domain, value] = pair;
+      if (domain === INTEGRATION_DOMAIN && typeof value === "string") {
+        serial = value;
+      }
     }
   }
 
diff --git a/src/card/span-panel-card.ts b/src/card/span-panel-card.ts
index a6553b0..244ee11 100644
--- a/src/card/span-panel-card.ts
+++ b/src/card/span-panel-card.ts
@@ -66,6 +66,13 @@ export class SpanPanelCard extends LitElement {
   private readonly _listCtrl = new ListViewController(this._ctrl);
   private readonly _errorStore = new ErrorStore();
   private _areaUnsub: (() => void) | null = null;
+  /**
+   * Set while a ``subscribeAreaUpdates`` promise is in-flight. If the
+   * element disconnects before the promise resolves we flip this to
+   * ``false`` so the later ``.then`` callback can unsubscribe immediately
+   * instead of leaking the subscription.
+   */
+  private _areaSubscribing = false;
   private _tabBarCleanup: (() => void) | null = null;
   private _onVisibilityChange: (() => void) | null = null;
 
@@ -75,14 +82,26 @@ export class SpanPanelCard extends LitElement {
     return this._panelDevice?.config_entries?.[0] ?? null;
   }
 
+  /**
+   * Centralised accessor for the shadow root. LitElement guarantees this
+   * is set for a connected component; a null here means SSR or a teardown
+   * race, both of which we want to surface loudly rather than paper over
+   * with `!` assertions sprinkled at every use site.
+   */
+  private get _root(): ShadowRoot {
+    const root = this.shadowRoot;
+    if (!root) throw new Error("span-panel-card: shadow root is not available");
+    return root;
+  }
+
   connectedCallback(): void {
     super.connectedCallback();
-    this._ctrl.startIntervals(this.shadowRoot!);
+    this._ctrl.startIntervals(this._root);
 
     this._onVisibilityChange = () => {
       if (document.visibilityState !== "visible" || !this._discovered || !this.hass) return;
       this._ctrl.recordSamples();
-      this._ctrl.updateDOM(this.shadowRoot!);
+      this._ctrl.updateDOM(this._root);
     };
     document.addEventListener("visibilitychange", this._onVisibilityChange);
   }
@@ -90,6 +109,7 @@ export class SpanPanelCard extends LitElement {
   disconnectedCallback(): void {
     this._ctrl.stopIntervals();
     this._listCtrl.stop();
+    this._areaSubscribing = false;
     if (this._areaUnsub) {
       this._areaUnsub();
       this._areaUnsub = null;
@@ -194,9 +214,9 @@ export class SpanPanelCard extends LitElement {
 
     if (this._discovered) {
       this._ctrl.recordSamples();
-      this._ctrl.updateDOM(this.shadowRoot!);
+      this._ctrl.updateDOM(this._root);
 
-      const sidePanel = this.shadowRoot!.querySelector("span-side-panel") as SpanSidePanelElement | null;
+      const sidePanel = this._root.querySelector("span-side-panel") as SpanSidePanelElement | null;
       if (sidePanel) {
         sidePanel.hass = this.hass;
         sidePanel.errorStore = this._errorStore;
@@ -204,7 +224,7 @@ export class SpanPanelCard extends LitElement {
     }
 
     if (this._discovered && this._activeTab !== "panel" && this._topology) {
-      this._listCtrl.updateCollapsedRows(this.shadowRoot!, this.hass, this._topology, this._config);
+      this._listCtrl.updateCollapsedRows(this._root, this.hass, this._topology, this._config);
     }
   }
 
@@ -231,8 +251,12 @@ export class SpanPanelCard extends LitElement {
       this._errorStore.updateHass(this.hass);
     }
 
-    // Subscribe to area changes
+    // Subscribe to area changes. The subscribe call is async, so guard
+    // against disconnect-before-resolve: if ``_areaSubscribing`` is cleared
+    // (disconnectedCallback), drop the unsubscribe on the floor — we'd
+    // otherwise store it on a detached element and never call it.
     if (this._topology) {
+      this._areaSubscribing = true;
       subscribeAreaUpdates(
         this.hass,
         this._topology,
@@ -244,9 +268,22 @@ export class SpanPanelCard extends LitElement {
         this._errorStore
       )
         .then(unsub => {
-          this._areaUnsub = unsub;
+          if (this._areaSubscribing) {
+            this._areaUnsub = unsub;
+          } else {
+            unsub();
+          }
         })
-        .catch(() => {});
+        .catch((err: unknown) => {
+          this._areaSubscribing = false;
+          console.warn("SPAN Panel: area subscription failed", err);
+          this._errorStore.add({
+            key: "subscribe:area",
+            level: "warning",
+            message: t("error.areas_failed"),
+            persistent: false,
+          });
+        });
     }
 
     // Wait for lit to render the card-content div
@@ -256,7 +293,7 @@ export class SpanPanelCard extends LitElement {
     this._loadHistory();
 
     this._ctrl.monitoringCache.fetch(this.hass, this._configEntryId).then(() => {
-      if (this._discovered) this._ctrl.updateDOM(this.shadowRoot!);
+      if (this._discovered) this._ctrl.updateDOM(this._root);
     });
   }
 
@@ -299,7 +336,7 @@ export class SpanPanelCard extends LitElement {
 
     try {
       await this._ctrl.loadHistory();
-      this._ctrl.updateDOM(this.shadowRoot!);
+      this._ctrl.updateDOM(this._root);
     } catch (err) {
       console.warn("SPAN Panel: history fetch failed, charts will populate live", err);
     }
@@ -308,11 +345,11 @@ export class SpanPanelCard extends LitElement {
   // ── Imperative card content ────────────────────────────────────────────
 
   private _populateCardContent(): void {
-    const container = this.shadowRoot!.querySelector("#card-content");
+    const container = this._root.querySelector("#card-content");
     if (!container || !this.hass || !this._topology || !this._panelSize) return;
 
     // Populate tab bar
-    const tabsContainer = this.shadowRoot!.querySelector("#card-tabs");
+    const tabsContainer = this._root.querySelector("#card-tabs");
     if (tabsContainer) {
       const tabDefs = [
         { id: "panel", label: t("tab.by_panel"), icon: "mdi:view-dashboard" },
@@ -355,32 +392,32 @@ export class SpanPanelCard extends LitElement {
 
       const slideEl = container.querySelector(".slide-confirm");
       if (slideEl) {
-        const haCard = this.shadowRoot!.querySelector("ha-card");
+        const haCard = this._root.querySelector("ha-card");
         this._ctrl.bindSlideConfirm(slideEl, haCard);
         if (haCard) haCard.classList.add("switches-disabled");
       }
 
-      const sidePanel = this.shadowRoot!.querySelector("span-side-panel") as SpanSidePanelElement | null;
+      const sidePanel = this._root.querySelector("span-side-panel") as SpanSidePanelElement | null;
       if (sidePanel) {
         sidePanel.hass = this.hass;
         sidePanel.errorStore = this._errorStore;
       }
 
       this._ctrl.recordSamples();
-      this._ctrl.updateDOM(this.shadowRoot!);
-      this._ctrl.setupResizeObserver(this.shadowRoot!, this.shadowRoot!.querySelector("ha-card"));
+      this._ctrl.updateDOM(this._root);
+      this._ctrl.setupResizeObserver(this._root, this._root.querySelector("ha-card"));
     } else if (this._activeTab === "activity") {
       container.innerHTML = "";
       const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
       this._listCtrl.setColumns(loadListColumns());
       this._listCtrl.renderActivityView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
-      this._ctrl.updateDOM(this.shadowRoot!);
+      this._ctrl.updateDOM(this._root);
     } else if (this._activeTab === "area") {
       container.innerHTML = "";
       const listHeaderHTML = buildHeaderHTML(this._topology, this._config);
       this._listCtrl.setColumns(loadListColumns());
       this._listCtrl.renderAreaView(container as HTMLElement, this.hass, this._topology, this._config, this._ctrl.monitoringCache.status, listHeaderHTML);
-      this._ctrl.updateDOM(this.shadowRoot!);
+      this._ctrl.updateDOM(this._root);
     }
   }
 
@@ -401,14 +438,14 @@ export class SpanPanelCard extends LitElement {
     // Toggle pill
     const togglePill = target.closest(".toggle-pill");
     if (togglePill) {
-      this._ctrl.onToggleClick(ev, this.shadowRoot!);
+      this._ctrl.onToggleClick(ev, this._root);
       return;
     }
 
     // Gear icon
     const gearBtn = target.closest(".gear-icon") as HTMLElement | null;
     if (gearBtn) {
-      this._ctrl.onGearClick(ev, this.shadowRoot!);
+      this._ctrl.onGearClick(ev, this._root);
       return;
     }
   }
@@ -431,7 +468,7 @@ export class SpanPanelCard extends LitElement {
     this._historyLoaded = false;
     this._populateCardContent();
     await this._loadHistory();
-    this._ctrl.updateDOM(this.shadowRoot!);
+    this._ctrl.updateDOM(this._root);
   }
 
   private async _onListUnitChanged(e: Event): Promise<void> {
@@ -452,11 +489,11 @@ export class SpanPanelCard extends LitElement {
     this._historyLoaded = false;
     this._populateCardContent();
     await this._loadHistory();
-    this._ctrl.updateDOM(this.shadowRoot!);
+    this._ctrl.updateDOM(this._root);
   }
 
   private _onGraphSettingsChanged(): void {
-    this._ctrl.onGraphSettingsChanged(this.shadowRoot!);
+    this._ctrl.onGraphSettingsChanged(this._root);
   }
 
   private _onListColumnsChanged(e: Event): void {
diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index d4ea564..6b92d41 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -301,8 +301,15 @@ export class ErrorStore {
   }
 
   private _notify(): void {
+    // Subscribers may be arbitrary renderers; an exception from one must
+    // not starve the others or leave the transient timer callback in a
+    // half-notified state.
     for (const cb of this._subscribers) {
-      cb();
+      try {
+        cb();
+      } catch (err) {
+        console.warn("SPAN Panel: error-store subscriber threw", err);
+      }
     }
   }
 }
diff --git a/src/core/favorites-store.ts b/src/core/favorites-store.ts
index 121a1cd..cf6c9aa 100644
--- a/src/core/favorites-store.ts
+++ b/src/core/favorites-store.ts
@@ -73,11 +73,18 @@ export async function removeFavorite(hass: HomeAssistant, entityId: string): Pro
  * Cached favorites map with a 30-second TTL and in-flight deduplication.
  * Mirrors ``GraphSettingsCache``'s lifecycle so the dashboard panel can
  * refresh on events (``invalidate()``) without thrashing the backend.
+ *
+ * A monotonically-increasing ``_generation`` counter lets ``invalidate()``
+ * supersede an in-flight fetch: when an invalidate happens while a
+ * request is pending, that request's result is not committed to the
+ * cache, so the next ``fetch()`` caller re-queries the backend instead
+ * of reading stale pre-invalidate data as "fresh".
  */
 export class FavoritesCache {
   private _map: FavoritesMap | null;
   private _lastFetch: number;
   private _inflight: Promise<FavoritesMap> | null;
+  private _generation: number;
   private _errorStore: ErrorStore | null = null;
   private _retry: RetryManager | null = null;
 
@@ -94,6 +101,7 @@ export class FavoritesCache {
     this._map = null;
     this._lastFetch = 0;
     this._inflight = null;
+    this._generation = 0;
   }
 
   async fetch(hass: HomeAssistant): Promise<FavoritesMap> {
@@ -103,6 +111,7 @@ export class FavoritesCache {
       return this._map;
     }
 
+    const requestGen = this._generation;
     this._inflight = (async () => {
       try {
         const msg = {
@@ -118,12 +127,14 @@ export class FavoritesCache {
               errorMessage: t("error.favorites_fetch_failed"),
             })
           : await hass.callWS<CallServiceResponse<GetFavoritesResponse>>(msg);
-        this._map = resp?.response?.favorites ?? {};
-        this._lastFetch = Date.now();
-        return this._map;
+        const next = resp?.response?.favorites ?? {};
+        if (requestGen === this._generation) {
+          this._map = next;
+          this._lastFetch = Date.now();
+        }
+        return next;
       } catch (err) {
         console.warn("SPAN Panel: favorites fetch failed", err);
-        // RetryManager dispatches on exhaustion; only dispatch directly when no retry path ran
         if (!this._retry) {
           this._errorStore?.add({
             key: "fetch:favorites",
@@ -142,11 +153,13 @@ export class FavoritesCache {
 
   invalidate(): void {
     this._lastFetch = 0;
+    this._generation++;
   }
 
   clear(): void {
     this._map = null;
     this._lastFetch = 0;
+    this._generation++;
   }
 
   get map(): FavoritesMap {
diff --git a/src/core/grid-renderer.ts b/src/core/grid-renderer.ts
index 6ab70b6..7d80d06 100644
--- a/src/core/grid-renderer.ts
+++ b/src/core/grid-renderer.ts
@@ -156,20 +156,28 @@ export function renderCircuitSlot(
   if (priority !== "unknown") {
     const shedInfo: SheddingPriorityDef = SHEDDING_PRIORITIES[priority] ??
       SHEDDING_PRIORITIES.unknown ?? { icon: "mdi:help", color: "#999", label: () => "Unknown" };
+    // Escape every value that ends up inside an attribute. ``label()``
+    // resolves through i18n so future translations may contain quotes,
+    // and inline-style injection breaks on a stray ``"`` or ``;``.
+    const safeLabel = escapeHtml(shedInfo.label());
+    const safeIcon = escapeHtml(shedInfo.icon);
+    const safeColor = escapeHtml(shedInfo.color);
     if (shedInfo.icon2) {
-      sheddingHTML = `<span class="shedding-composite" title="${shedInfo.label()}">
-        <ha-icon class="shedding-icon" icon="${shedInfo.icon}" style="color:${shedInfo.color};--mdc-icon-size:16px;"></ha-icon>
-        <ha-icon class="shedding-icon-secondary" icon="${shedInfo.icon2}" style="color:${shedInfo.color};--mdc-icon-size:14px;"></ha-icon>
+      const safeIcon2 = escapeHtml(shedInfo.icon2);
+      sheddingHTML = `<span class="shedding-composite" title="${safeLabel}">
+        <ha-icon class="shedding-icon" icon="${safeIcon}" style="color:${safeColor};--mdc-icon-size:16px;"></ha-icon>
+        <ha-icon class="shedding-icon-secondary" icon="${safeIcon2}" style="color:${safeColor};--mdc-icon-size:14px;"></ha-icon>
       </span>`;
     } else if (shedInfo.textLabel) {
-      sheddingHTML = `<span class="shedding-composite" title="${shedInfo.label()}">
-        <ha-icon class="shedding-icon" icon="${shedInfo.icon}" style="color:${shedInfo.color};--mdc-icon-size:16px;"></ha-icon>
-        <span class="shedding-label" style="color:${shedInfo.color}">${shedInfo.textLabel}</span>
+      const safeTextLabel = escapeHtml(shedInfo.textLabel);
+      sheddingHTML = `<span class="shedding-composite" title="${safeLabel}">
+        <ha-icon class="shedding-icon" icon="${safeIcon}" style="color:${safeColor};--mdc-icon-size:16px;"></ha-icon>
+        <span class="shedding-label" style="color:${safeColor}">${safeTextLabel}</span>
       </span>`;
     } else {
-      sheddingHTML = `<ha-icon class="shedding-icon" icon="${shedInfo.icon}"
-        style="color:${shedInfo.color};--mdc-icon-size:16px;"
-        title="${shedInfo.label()}"></ha-icon>`;
+      sheddingHTML = `<ha-icon class="shedding-icon" icon="${safeIcon}"
+        style="color:${safeColor};--mdc-icon-size:16px;"
+        title="${safeLabel}"></ha-icon>`;
     }
   }
 
@@ -178,7 +186,7 @@ export function renderCircuitSlot(
   const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
   const gearHTML = `<button class="gear-icon circuit-gear"
     data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
-    title="${t("grid.configure")}">
+    title="${escapeHtml(t("grid.configure"))}">
     <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
   </button>`;
 
diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 552a9b1..10caa55 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -151,13 +151,13 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, opt
         <div class="panel-identity">
           <h1 class="panel-title">${panelName}</h1>
           <span class="panel-serial">${serial}</span>
-          <button class="gear-icon panel-gear" title="${t("header.graph_settings")}">
+          <button class="gear-icon panel-gear" title="${escapeHtml(t("header.graph_settings"))}">
             <ha-icon icon="mdi:cog"></ha-icon>
           </button>
           ${
             showSwitches
-              ? `<div class="slide-confirm" data-text-off="${t("header.enable_switches")}" data-text-on="${t("header.switches_enabled")}">
-            <span class="slide-confirm-text">${t("header.enable_switches")}</span>
+              ? `<div class="slide-confirm" data-text-off="${escapeHtml(t("header.enable_switches"))}" data-text-on="${escapeHtml(t("header.switches_enabled"))}">
+            <span class="slide-confirm-text">${escapeHtml(t("header.enable_switches"))}</span>
             <div class="slide-confirm-knob">
               <ha-icon icon="mdi:lock"></ha-icon>
             </div>
@@ -170,7 +170,7 @@ export function buildHeaderHTML(topology: PanelTopology, config: CardConfig, opt
       <div class="header-right">
         <div class="header-right-top">
           <span class="meta-item">${firmware}</span>
-          <div class="unit-toggle" title="${t("header.toggle_units")}">
+          <div class="unit-toggle" title="${escapeHtml(t("header.toggle_units"))}">
             <button class="unit-btn ${isAmpsMode ? "" : "unit-active"}" data-unit="power">W</button>
             <button class="unit-btn ${isAmpsMode ? "unit-active" : ""}" data-unit="current">A</button>
           </div>
diff --git a/src/core/list-renderer.ts b/src/core/list-renderer.ts
index 5290163..bc1e35b 100644
--- a/src/core/list-renderer.ts
+++ b/src/core/list-renderer.ts
@@ -120,7 +120,7 @@ export function buildListRowHTML(
   const gearColor = hasOverridesFlag ? MONITORING_COLORS.custom : "#555";
   const gearHTML = `<button class="gear-icon circuit-gear"
   data-uuid="${escapeHtml(uuid)}" style="color:${gearColor};"
-  title="${t("grid.configure")}">
+  title="${escapeHtml(t("grid.configure"))}">
   <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
 </button>`;
 
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index 0480709..575a991 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -17,7 +17,8 @@ interface CallServiceResponse {
 export class MonitoringStatusCache {
   private _status: MonitoringStatus | null = null;
   private _lastFetch: number = 0;
-  private _fetching: boolean = false;
+  private _inflight: Promise<MonitoringStatus | null> | null = null;
+  private _generation: number = 0;
   private _errorStore: ErrorStore | null = null;
   private _retry: RetryManager | null = null;
 
@@ -31,55 +32,69 @@ export class MonitoringStatusCache {
   }
 
   /**
-   * Fetch monitoring status, returning cached data if recent.
+   * Fetch monitoring status, returning cached data if recent. Concurrent
+   * callers coalesce onto the in-flight promise instead of reading a
+   * possibly-stale ``_status`` (the old implementation returned the
+   * pre-fetch value while another request was pending, which could
+   * surface null on cold starts). A monotonically-increasing generation
+   * counter lets ``invalidate()`` supersede in-flight results.
    */
   async fetch(hass: HomeAssistant, configEntryId?: string | null): Promise<MonitoringStatus | null> {
     const now = Date.now();
-    if (this._fetching) return this._status;
+    if (this._inflight) return this._inflight;
     if (this._status && now - this._lastFetch < MONITORING_POLL_INTERVAL_MS) {
       return this._status;
     }
 
-    this._fetching = true;
-    try {
-      const serviceData: Record<string, string> = {};
-      if (configEntryId) serviceData.config_entry_id = configEntryId;
-      const msg = {
-        type: "call_service",
-        domain: INTEGRATION_DOMAIN,
-        service: "get_monitoring_status",
-        service_data: serviceData,
-        return_response: true,
-      };
-      const resp = this._retry
-        ? await this._retry.callWS<CallServiceResponse>(hass, msg, {
-            errorId: "fetch:monitoring",
-            errorMessage: t("error.monitoring_failed"),
-          })
-        : await hass.callWS<CallServiceResponse>(msg);
-      this._status = resp?.response ?? null;
-      this._lastFetch = Date.now();
-    } catch (err) {
-      console.warn("SPAN Panel: monitoring status fetch failed", err);
-      this._status = null;
-      // RetryManager dispatches on exhaustion; only dispatch directly when no retry path ran
-      if (!this._retry) {
-        this._errorStore?.add({
-          key: "fetch:monitoring",
-          level: "warning",
-          message: t("error.monitoring_failed"),
-          persistent: false,
-        });
+    const requestGen = this._generation;
+    this._inflight = (async () => {
+      try {
+        const serviceData: Record<string, string> = {};
+        if (configEntryId) serviceData.config_entry_id = configEntryId;
+        const msg = {
+          type: "call_service",
+          domain: INTEGRATION_DOMAIN,
+          service: "get_monitoring_status",
+          service_data: serviceData,
+          return_response: true,
+        };
+        const resp = this._retry
+          ? await this._retry.callWS<CallServiceResponse>(hass, msg, {
+              errorId: "fetch:monitoring",
+              errorMessage: t("error.monitoring_failed"),
+            })
+          : await hass.callWS<CallServiceResponse>(msg);
+        const next = resp?.response ?? null;
+        if (requestGen === this._generation) {
+          this._status = next;
+          this._lastFetch = Date.now();
+        }
+        return next;
+      } catch (err) {
+        console.warn("SPAN Panel: monitoring status fetch failed", err);
+        if (requestGen === this._generation) {
+          this._status = null;
+        }
+        if (!this._retry) {
+          this._errorStore?.add({
+            key: "fetch:monitoring",
+            level: "warning",
+            message: t("error.monitoring_failed"),
+            persistent: false,
+          });
+        }
+        return null;
+      } finally {
+        this._inflight = null;
       }
-    } finally {
-      this._fetching = false;
-    }
-    return this._status;
+    })();
+    return this._inflight;
   }
 
   /** Force the next fetch() call to re-query the backend. */
   invalidate(): void {
     this._lastFetch = 0;
+    this._generation++;
   }
 
   /** Last fetched status. */
@@ -91,6 +106,7 @@ export class MonitoringStatusCache {
   clear(): void {
     this._status = null;
     this._lastFetch = 0;
+    this._generation++;
   }
 }
 
diff --git a/src/core/retry-manager.ts b/src/core/retry-manager.ts
index cc212d3..ef44490 100644
--- a/src/core/retry-manager.ts
+++ b/src/core/retry-manager.ts
@@ -79,6 +79,6 @@ export class RetryManager {
       message: errorMessage ?? lastError?.message ?? "Operation failed",
       persistent: false,
     });
-    throw lastError!;
+    throw lastError ?? new Error(errorMessage ?? "Operation failed");
   }
 }
diff --git a/src/core/side-panel.ts b/src/core/side-panel.ts
index 07a3def..20fc023 100644
--- a/src/core/side-panel.ts
+++ b/src/core/side-panel.ts
@@ -384,6 +384,11 @@ class SpanSidePanel extends HTMLElement {
     return this._hass;
   }
 
+  disconnectedCallback(): void {
+    this._clearDebounceTimers();
+    this._config = null;
+  }
+
   open(config: SidePanelConfig): void {
     this._config = config;
     this._render();
@@ -397,12 +402,22 @@ class SpanSidePanel extends HTMLElement {
   }
 
   close(): void {
+    // Cancel any still-pending debounced writes so they don't fire
+    // against a torn-down ``_config`` and leak a stale service call.
+    this._clearDebounceTimers();
     this.removeAttribute("open");
     this.removeAttribute("data-mode");
     this._config = null;
     this.dispatchEvent(new CustomEvent("side-panel-closed", { bubbles: true, composed: true }));
   }
 
+  private _clearDebounceTimers(): void {
+    for (const key of Object.keys(this._debounceTimers)) {
+      clearTimeout(this._debounceTimers[key]);
+    }
+    this._debounceTimers = {};
+  }
+
   private _modeFor(cfg: SidePanelConfig): "favorites" | "panel" | "subDevice" | "circuit" {
     if (cfg.favoritesMode) return "favorites";
     if (cfg.panelMode) return "panel";
diff --git a/src/core/sub-device-renderer.ts b/src/core/sub-device-renderer.ts
index 0d7bf0b..b79b907 100644
--- a/src/core/sub-device-renderer.ts
+++ b/src/core/sub-device-renderer.ts
@@ -66,7 +66,7 @@ export function buildSubDevicesHTML(topology: PanelTopology, hass: HomeAssistant
           <span class="sub-device-type">${escapeHtml(label)}</span>
           <span class="sub-device-name">${escapeHtml(sub.name || "")}</span>
           ${powerEid ? `<span class="sub-power-value"><strong>${formatPowerSigned(powerW)}</strong> <span class="power-unit">${formatPowerUnit(powerW)}</span></span>` : ""}
-          <button class="gear-icon subdevice-gear" data-subdev-id="${escapeHtml(devId)}" style="color:#555;" title="${t("grid.configure_subdevice")}">
+          <button class="gear-icon subdevice-gear" data-subdev-id="${escapeHtml(devId)}" style="color:#555;" title="${escapeHtml(t("grid.configure_subdevice"))}">
             <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>
           </button>
         </div>
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 7e66ca4..0b7ddbc 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -87,6 +87,8 @@ export class SpanPanelElement extends LitElement {
    */
   private _refreshSeq = 0;
   private _areaUnsub: (() => void) | null = null;
+  /** Cleared on disconnect to tell a pending subscribe to self-cancel. */
+  private _areaSubscribing = false;
   private _onVisibilityChange: (() => void) | null = null;
   private _onFavoritesChanged: (() => void) | null = null;
   private _deviceRegistryUnsub: Promise<() => void> | null = null;
@@ -206,6 +208,18 @@ export class SpanPanelElement extends LitElement {
    */
   static override styles = [SpanPanelElement._shellStyles, unsafeCSS(CARD_STYLES)];
 
+  /**
+   * Centralised accessor for the shadow root. LitElement guarantees it
+   * for any connected component; if it's missing we've hit SSR or a
+   * teardown race, both of which should fail loudly rather than be
+   * silently bypassed with sprinkled ``!`` assertions.
+   */
+  private get _root(): ShadowRoot {
+    const root = this.shadowRoot;
+    if (!root) throw new Error("span-panel: shadow root is not available");
+    return root;
+  }
+
   connectedCallback(): void {
     super.connectedCallback();
 
@@ -235,6 +249,7 @@ export class SpanPanelElement extends LitElement {
     this._listDashCtrl.stopIntervals();
     for (const tab of this._favoritesMonitoringTabs.values()) tab.stop();
     this._favoritesMonitoringTabs.clear();
+    this._areaSubscribing = false;
     if (this._areaUnsub) {
       this._areaUnsub();
       this._areaUnsub = null;
@@ -271,7 +286,7 @@ export class SpanPanelElement extends LitElement {
 
       if (!this._discovered) {
         this._discoverPanels();
-      } else if (!this.shadowRoot!.getElementById("tab-content")) {
+      } else if (!this._root.getElementById("tab-content")) {
         // Re-render only if the tab-content container was lost
         this._scheduleTabRender();
       }
@@ -331,7 +346,7 @@ export class SpanPanelElement extends LitElement {
 
     // Live-update collapsed rows when hass changes on list view tabs
     if (changedProps.has("hass") && this._discovered && (this._activeTab === "activity" || this._activeTab === "area")) {
-      const tabContent = this.shadowRoot!.getElementById("tab-content");
+      const tabContent = this._root.getElementById("tab-content");
       const topo = this._listDashCtrl.topology;
       if (tabContent && topo) {
         this._listCtrl.updateCollapsedRows(tabContent, this.hass, topo, this._buildDashboardConfig());
@@ -429,6 +444,7 @@ export class SpanPanelElement extends LitElement {
     if (this._isFavoritesView && this._activeTab === "dashboard") {
       this._activeTab = "activity";
     }
+    this._areaSubscribing = false;
     if (this._areaUnsub) {
       this._areaUnsub();
       this._areaUnsub = null;
@@ -510,7 +526,7 @@ export class SpanPanelElement extends LitElement {
 
   private _onGraphSettingsChanged(): void {
     if (this._activeTab === "dashboard") {
-      const container = this.shadowRoot!.getElementById("tab-content");
+      const container = this._root.getElementById("tab-content");
       if (container) {
         const ctrl = this._dashboardTab["_ctrl"];
         ctrl.onGraphSettingsChanged(container);
@@ -533,9 +549,18 @@ export class SpanPanelElement extends LitElement {
     if (!detail) return;
     const viewState = this._favoritesViewState;
     viewState.activeTab = detail.view;
-    // Prune expansion ids to those still present in the merged topology.
-    const valid = this._listDashCtrl.topology?.circuits ?? {};
-    viewState.expanded[detail.view] = detail.expanded.filter(id => id in valid);
+    // Prune expansion ids to those still present in the merged topology,
+    // but only if we actually have a topology to prune against. An empty
+    // ``circuits`` map here usually means the Favorites tab is still
+    // re-rendering after a search keystroke; pruning against {} would
+    // drop every expansion and the user would lose their open rows.
+    const topology = this._listDashCtrl.topology;
+    const circuits = topology?.circuits;
+    if (circuits && Object.keys(circuits).length > 0) {
+      viewState.expanded[detail.view] = detail.expanded.filter(id => id in circuits);
+    } else {
+      viewState.expanded[detail.view] = detail.expanded;
+    }
     viewState.searchQuery = detail.searchQuery;
 
     // Search-box updates fire on every keystroke; expansion and tab
@@ -885,7 +910,7 @@ export class SpanPanelElement extends LitElement {
     this._favoritesMonitoringTabs.clear();
     this._favoritesPanelStats = [];
 
-    const container = this.shadowRoot!.getElementById("tab-content");
+    const container = this._root.getElementById("tab-content");
     if (!container) return;
 
     if (this._isFavoritesView) {
@@ -964,7 +989,8 @@ export class SpanPanelElement extends LitElement {
           this._listDashCtrl.updateDOM(container);
           this._listDashCtrl.startIntervals(container);
 
-          if (!this._areaUnsub) {
+          if (!this._areaUnsub && !this._areaSubscribing) {
+            this._areaSubscribing = true;
             subscribeAreaUpdates(
               this.hass,
               result.topology!,
@@ -976,14 +1002,30 @@ export class SpanPanelElement extends LitElement {
               this._errorStore
             )
               .then(unsub => {
-                this._areaUnsub = unsub;
+                if (this._areaSubscribing) {
+                  this._areaUnsub = unsub;
+                } else {
+                  // Element disconnected or panel changed while
+                  // subscribing — unsubscribe immediately so we don't
+                  // leak the subscription.
+                  unsub();
+                }
               })
-              .catch(() => {});
+              .catch((err: unknown) => {
+                this._areaSubscribing = false;
+                console.warn("SPAN Panel: area subscription failed", err);
+                this._errorStore.add({
+                  key: "subscribe:area",
+                  level: "warning",
+                  message: t("error.areas_failed"),
+                  persistent: false,
+                });
+              });
           }
         } catch (err) {
           const errEl = document.createElement("p");
           errEl.style.color = "var(--error-color)";
-          errEl.textContent = (err as Error).message;
+          errEl.textContent = err instanceof Error ? err.message : String(err);
           container.appendChild(errEl);
         }
         break;
diff --git a/src/panel/tab-monitoring.ts b/src/panel/tab-monitoring.ts
index fac251c..13df2ca 100644
--- a/src/panel/tab-monitoring.ts
+++ b/src/panel/tab-monitoring.ts
@@ -34,6 +34,29 @@ const CELL_INPUT_STYLE = `
   text-align:center;
 `;
 
+/**
+ * Lightweight runtime-coerce for the ``get_monitoring_status`` response.
+ * The backend returns JSON whose shape is nominally ``MonitoringStatusResponse``
+ * but we can't trust the WebSocket payload, so we narrow what we can and
+ * return ``null`` if the shape is unusable. Unknown fields are dropped.
+ */
+function coerceMonitoringStatusResponse(resp: unknown): MonitoringStatusResponse | null {
+  if (!resp || typeof resp !== "object") return null;
+  const r = resp as Record<string, unknown>;
+  const out: MonitoringStatusResponse = {};
+  if (typeof r.enabled === "boolean") out.enabled = r.enabled;
+  if (r.global_settings && typeof r.global_settings === "object") {
+    out.global_settings = r.global_settings as MonitoringStatusResponse["global_settings"];
+  }
+  if (r.circuits && typeof r.circuits === "object") {
+    out.circuits = r.circuits as Record<string, MonitoringPointInfo>;
+  }
+  if (r.mains && typeof r.mains === "object") {
+    out.mains = r.mains as Record<string, MonitoringPointInfo>;
+  }
+  return out;
+}
+
 function thresholdCell(entityId: string, field: string, value: number | undefined, unit: string, type: string): string {
   return `<td style="padding:6px 4px;">
     <input type="number" class="threshold-input" data-entity="${entityId}" data-field="${field}" data-type="${type}"
@@ -85,8 +108,9 @@ export class MonitoringTab {
         service_data: serviceData,
         return_response: true,
       });
-      status = (resp?.response as MonitoringStatusResponse) || null;
-    } catch {
+      status = coerceMonitoringStatusResponse(resp?.response);
+    } catch (err) {
+      console.warn("SPAN Panel: monitoring status fetch failed", err);
       status = null;
     }
 
@@ -435,24 +459,44 @@ export class MonitoringTab {
     const fieldsDiv = container.querySelector<HTMLElement>("#global-fields");
     const statusEl = container.querySelector<HTMLElement>("#global-status");
 
+    const readGlobalFields = (): Record<string, number> | null => {
+      const fields: Array<[string, string]> = [
+        ["continuous_threshold_pct", "#g-continuous"],
+        ["spike_threshold_pct", "#g-spike"],
+        ["window_duration_m", "#g-window"],
+        ["cooldown_duration_m", "#g-cooldown"],
+      ];
+      const out: Record<string, number> = {};
+      for (const [key, sel] of fields) {
+        const input = container.querySelector<HTMLInputElement>(sel);
+        if (!input) return null;
+        const n = parseInt(input.value, 10);
+        if (Number.isNaN(n)) return null;
+        out[key] = n;
+      }
+      return out;
+    };
+
+    const reportFailure = (target: HTMLElement | null, err: unknown, fallback: string): void => {
+      if (!target) return;
+      const message = err instanceof Error ? err.message : fallback;
+      target.textContent = `${t("error.prefix")} ${message}`;
+      target.style.color = "var(--error-color, #f44336)";
+    };
+
     const saveGlobal = (): void => {
       if (this._debounceTimer) clearTimeout(this._debounceTimer);
       this._debounceTimer = setTimeout(async () => {
-        const data: Record<string, number> = {
-          continuous_threshold_pct: parseInt(container.querySelector<HTMLInputElement>("#g-continuous")!.value, 10),
-          spike_threshold_pct: parseInt(container.querySelector<HTMLInputElement>("#g-spike")!.value, 10),
-          window_duration_m: parseInt(container.querySelector<HTMLInputElement>("#g-window")!.value, 10),
-          cooldown_duration_m: parseInt(container.querySelector<HTMLInputElement>("#g-cooldown")!.value, 10),
-        };
+        const data = readGlobalFields();
+        if (!data) {
+          reportFailure(statusEl, null, t("error.failed_save"));
+          return;
+        }
         try {
           await this._callSetGlobal(hass, data);
           await this.render(container, hass);
         } catch (err: unknown) {
-          if (statusEl) {
-            const message = err instanceof Error ? err.message : t("error.failed_save");
-            statusEl.textContent = `${t("error.prefix")} ${message}`;
-            statusEl.style.color = "var(--error-color, #f44336)";
-          }
+          reportFailure(statusEl, err, t("error.failed_save"));
         }
       }, INPUT_DEBOUNCE_MS);
     };
@@ -467,22 +511,17 @@ export class MonitoringTab {
         const statusEl2 = container.querySelector<HTMLElement>("#global-status");
         try {
           if (enabled) {
-            const data: Record<string, number> = {
-              continuous_threshold_pct: parseInt(container.querySelector<HTMLInputElement>("#g-continuous")!.value, 10),
-              spike_threshold_pct: parseInt(container.querySelector<HTMLInputElement>("#g-spike")!.value, 10),
-              window_duration_m: parseInt(container.querySelector<HTMLInputElement>("#g-window")!.value, 10),
-              cooldown_duration_m: parseInt(container.querySelector<HTMLInputElement>("#g-cooldown")!.value, 10),
-            };
+            const data = readGlobalFields();
+            if (!data) {
+              reportFailure(statusEl2, null, t("error.failed"));
+              return;
+            }
             await this._callSetGlobal(hass, data);
           } else {
             await this._callSetGlobal(hass, { enabled: false });
           }
         } catch (err: unknown) {
-          if (statusEl2) {
-            const message = err instanceof Error ? err.message : t("error.failed");
-            statusEl2.textContent = `${t("error.prefix")} ${message}`;
-            statusEl2.style.color = "var(--error-color, #f44336)";
-          }
+          reportFailure(statusEl2, err, t("error.failed"));
           return;
         }
         await this.render(container, hass);
diff --git a/src/panel/tab-settings.ts b/src/panel/tab-settings.ts
index 766d5b9..e271e79 100644
--- a/src/panel/tab-settings.ts
+++ b/src/panel/tab-settings.ts
@@ -1,7 +1,27 @@
 import { INTEGRATION_DOMAIN, GRAPH_HORIZONS, DEFAULT_GRAPH_HORIZON, INPUT_DEBOUNCE_MS } from "../constants.js";
 import { escapeHtml } from "../helpers/sanitize.js";
 import { t } from "../i18n.js";
-import type { HomeAssistant, PanelTopology, GraphSettings, CallServiceResponse } from "../types.js";
+import type { HomeAssistant, PanelTopology, GraphSettings, CircuitGraphOverride, CallServiceResponse } from "../types.js";
+
+/**
+ * Narrow an unvalidated ``get_graph_settings`` response into a
+ * ``GraphSettings`` we can trust. Unknown fields are dropped; bad shape
+ * returns null so callers fall back to defaults instead of silently
+ * reading undefined properties.
+ */
+function coerceGraphSettingsResponse(resp: unknown): GraphSettings | null {
+  if (!resp || typeof resp !== "object") return null;
+  const r = resp as Record<string, unknown>;
+  const out: GraphSettings = {};
+  if (typeof r.global_horizon === "string") out.global_horizon = r.global_horizon;
+  if (r.circuits && typeof r.circuits === "object") {
+    out.circuits = r.circuits as Record<string, CircuitGraphOverride>;
+  }
+  if (r.sub_devices && typeof r.sub_devices === "object") {
+    out.sub_devices = r.sub_devices as Record<string, CircuitGraphOverride>;
+  }
+  return out;
+}
 
 function horizonOptions(selectedKey: string): string {
   return Object.keys(GRAPH_HORIZONS)
@@ -53,8 +73,9 @@ export class SettingsTab {
         service_data: serviceData,
         return_response: true,
       });
-      graphSettings = (resp?.response as GraphSettings) || null;
-    } catch {
+      graphSettings = coerceGraphSettingsResponse(resp?.response);
+    } catch (err) {
+      console.warn("SPAN Panel: graph settings fetch failed", err);
       graphSettings = null;
     }
 

From 91863d26203b3ab20a51e6fc1e42e7d3fbf40527 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 17:40:13 -0700
Subject: [PATCH 93/97] test: cover cache-race and attribute-escape regressions

- favorites-cache: assert invalidate() supersedes in-flight fetches and
  that concurrent callers coalesce.
- monitoring-cache: same cache-race coverage plus a null-not-cached
  regression so a transient fetch error cannot mask subsequent success.
- grid-renderer: renderCircuitSlot escapes user-controllable names,
  uuids, and i18n shedding labels inside title= attributes.
---
 tests/favorites-cache.test.ts  | 68 ++++++++++++++++++++++++++++++++++
 tests/grid-renderer.test.ts    | 50 +++++++++++++++++++++++++
 tests/monitoring-cache.test.ts | 61 ++++++++++++++++++++++++++++++
 3 files changed, 179 insertions(+)
 create mode 100644 tests/favorites-cache.test.ts
 create mode 100644 tests/grid-renderer.test.ts
 create mode 100644 tests/monitoring-cache.test.ts

diff --git a/tests/favorites-cache.test.ts b/tests/favorites-cache.test.ts
new file mode 100644
index 0000000..67416a9
--- /dev/null
+++ b/tests/favorites-cache.test.ts
@@ -0,0 +1,68 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import type { HomeAssistant } from "../src/types.js";
+import { FavoritesCache } from "../src/core/favorites-store.js";
+
+function makeHass(responses: Array<Record<string, string[]>>): { hass: HomeAssistant; callCount: () => number } {
+  let i = 0;
+  const callWS = vi.fn(async () => {
+    const favorites = responses[i] ?? {};
+    i += 1;
+    return { response: { favorites } };
+  });
+  const hass = { states: {}, services: {}, language: "en", callWS } as unknown as HomeAssistant;
+  return { hass, callCount: () => i };
+}
+
+describe("FavoritesCache", () => {
+  let cache: FavoritesCache;
+
+  beforeEach(() => {
+    cache = new FavoritesCache();
+  });
+
+  it("returns fresh data on first fetch", async () => {
+    const { hass } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }]);
+    const map = await cache.fetch(hass);
+    expect(map).toEqual({ panelA: { circuits: ["c1"], sub_devices: [] } });
+  });
+
+  it("deduplicates concurrent in-flight fetches", async () => {
+    const { hass, callCount } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }]);
+    const [a, b] = await Promise.all([cache.fetch(hass), cache.fetch(hass)]);
+    expect(callCount()).toBe(1);
+    expect(a).toEqual(b);
+  });
+
+  it("invalidate() supersedes an in-flight fetch so stale data is not cached", async () => {
+    // Two different backend states: pre-toggle and post-toggle.
+    const { hass } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }, { panelA: { circuits: ["c1", "c2"], sub_devices: [] } }]);
+
+    const firstPromise = cache.fetch(hass);
+    // User toggles a favorite → event handler invalidates the cache while
+    // ``firstPromise`` is still pending. The first fetch's result must not
+    // be committed to the cache as "fresh".
+    cache.invalidate();
+    await firstPromise;
+
+    // A follow-up fetch must re-query the backend rather than returning
+    // the now-stale pre-invalidate map from cache.
+    const second = await cache.fetch(hass);
+    expect(second).toEqual({ panelA: { circuits: ["c1", "c2"], sub_devices: [] } });
+  });
+
+  it("returns cached map within TTL when not invalidated", async () => {
+    const { hass, callCount } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }]);
+    await cache.fetch(hass);
+    const second = await cache.fetch(hass);
+    expect(callCount()).toBe(1);
+    expect(second).toEqual({ panelA: { circuits: ["c1"], sub_devices: [] } });
+  });
+
+  it("clear() drops the cached map and bumps generation", async () => {
+    const { hass } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }, { panelA: { circuits: [], sub_devices: [] } }]);
+    await cache.fetch(hass);
+    cache.clear();
+    const second = await cache.fetch(hass);
+    expect(second).toEqual({ panelA: { circuits: [], sub_devices: [] } });
+  });
+});
diff --git a/tests/grid-renderer.test.ts b/tests/grid-renderer.test.ts
new file mode 100644
index 0000000..85f0ee0
--- /dev/null
+++ b/tests/grid-renderer.test.ts
@@ -0,0 +1,50 @@
+import { describe, it, expect } from "vitest";
+import { renderCircuitSlot } from "../src/core/grid-renderer.js";
+import type { Circuit, HomeAssistant, CardConfig } from "../src/types.js";
+
+const hass = { states: {}, services: {}, language: "en" } as unknown as HomeAssistant;
+
+const config: CardConfig = {};
+
+function makeCircuit(overrides: Partial<Circuit> = {}): Circuit {
+  return {
+    name: "Kitchen",
+    tabs: [1],
+    entities: {},
+    ...overrides,
+  };
+}
+
+describe("renderCircuitSlot", () => {
+  it("escapes user-controllable circuit name in markup", () => {
+    const circuit = makeCircuit({ name: '<img src=x onerror="alert(1)">' });
+    const html = renderCircuitSlot("uuid1", circuit, 1, "1", "single", hass, config, null, "unknown");
+    // The literal tag should never appear; the escaped form should.
+    expect(html).not.toContain("<img src=x");
+    expect(html).toContain("&lt;img src=x");
+  });
+
+  it("escapes user-controllable uuid in data attribute", () => {
+    const circuit = makeCircuit();
+    const html = renderCircuitSlot('uuid"onclick=alert(1)"', circuit, 1, "1", "single", hass, config, null, "unknown");
+    expect(html).not.toContain('uuid"onclick');
+    expect(html).toContain("uuid&quot;onclick");
+  });
+
+  it("escapes shedding label so i18n quote characters cannot break the title attribute", () => {
+    // The "must_have" shedding priority label comes from i18n; if a future
+    // translation contained a quote, an unescaped title= would split the
+    // attribute. Exercise the composite-icon branch which uses safeLabel.
+    const circuit = makeCircuit();
+    const html = renderCircuitSlot("uuid1", circuit, 1, "1", "single", hass, config, null, "must_have");
+    // The rendered HTML must remain well-formed: the <ha-icon ... title="..."
+    // > attribute must close before any content. A regression would emit
+    // `title=""quote here"` breaking subsequent attributes.
+    const titleMatches = html.match(/title="[^"]*"/g) ?? [];
+    expect(titleMatches.length).toBeGreaterThan(0);
+    for (const match of titleMatches) {
+      // No stray `"` inside an attribute would survive escapeHtml.
+      expect(match.slice(7, -1)).not.toContain('"');
+    }
+  });
+});
diff --git a/tests/monitoring-cache.test.ts b/tests/monitoring-cache.test.ts
new file mode 100644
index 0000000..8f6c07b
--- /dev/null
+++ b/tests/monitoring-cache.test.ts
@@ -0,0 +1,61 @@
+import { describe, it, expect, vi, beforeEach } from "vitest";
+import type { HomeAssistant } from "../src/types.js";
+import { MonitoringStatusCache } from "../src/core/monitoring-status.js";
+
+function makeHass(responses: Array<unknown>): { hass: HomeAssistant; calls: () => number } {
+  let i = 0;
+  const callWS = vi.fn(async () => {
+    const next = responses[i];
+    i += 1;
+    return { response: next };
+  });
+  const hass = { states: {}, services: {}, language: "en", callWS } as unknown as HomeAssistant;
+  return { hass, calls: () => i };
+}
+
+describe("MonitoringStatusCache", () => {
+  let cache: MonitoringStatusCache;
+
+  beforeEach(() => {
+    cache = new MonitoringStatusCache();
+  });
+
+  it("coalesces concurrent in-flight fetches onto a single request", async () => {
+    const { hass, calls } = makeHass([{ circuits: { c1: { utilization_pct: 50 } }, mains: {} }]);
+    const [a, b, c] = await Promise.all([cache.fetch(hass), cache.fetch(hass), cache.fetch(hass)]);
+    expect(calls()).toBe(1);
+    expect(a).toEqual(b);
+    expect(b).toEqual(c);
+  });
+
+  it("invalidate() supersedes an in-flight fetch so stale data is not cached", async () => {
+    const { hass } = makeHass([
+      { circuits: { c1: { utilization_pct: 50 } }, mains: {} },
+      { circuits: { c1: { utilization_pct: 95 } }, mains: {} },
+    ]);
+    const first = cache.fetch(hass);
+    cache.invalidate();
+    await first;
+    // Next fetch must re-query because the invalidate superseded the
+    // in-flight result and the generation counter moved forward.
+    const second = await cache.fetch(hass);
+    expect(second?.circuits?.c1?.utilization_pct).toBe(95);
+  });
+
+  it("retries after an error — does not cache null as fresh", async () => {
+    let firstCall = true;
+    const callWS = vi.fn(async () => {
+      if (firstCall) {
+        firstCall = false;
+        throw new Error("transient");
+      }
+      return { response: { circuits: { c1: { utilization_pct: 10 } }, mains: {} } };
+    });
+    const hass = { states: {}, services: {}, language: "en", callWS } as unknown as HomeAssistant;
+
+    const first = await cache.fetch(hass);
+    expect(first).toBeNull();
+    const second = await cache.fetch(hass);
+    expect(second?.circuits?.c1?.utilization_pct).toBe(10);
+  });
+});

From 3b0b4b05fc4ed72c07cc43eb37bc88582c3f48d3 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 17:40:17 -0700
Subject: [PATCH 94/97] build: rebuild dist bundle

---
 dist/span-panel-card.js | 18 +++++++++---------
 dist/span-panel.js      | 20 ++++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index 95930a6..b4afb6d 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -1,21 +1,21 @@
-let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,f={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},_={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:f.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
+let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_activity":"By Activity","tab.by_area":"By Area","tab.monitoring":"Monitoring","tab.settings":"Settings","list.search_placeholder":"Search circuits...","list.unassigned_area":"Unassigned","list.no_results":"No circuits found","monitoring.heading":"Monitoring","monitoring.global_settings":"Global Settings","monitoring.enabled":"Enabled","monitoring.continuous":"Continuous (%)","monitoring.spike":"Spike (%)","monitoring.window":"Window (min)","monitoring.cooldown":"Cooldown (min)","monitoring.monitored_points":"Monitored Points","monitoring.col.name":"Name","monitoring.col.continuous":"Continuous","monitoring.col.spike":"Spike","monitoring.col.window":"Window","monitoring.col.cooldown":"Cooldown","monitoring.all_none":"All / None","monitoring.reset":"Reset","notification.heading":"Notification Settings","notification.targets":"Notify Targets","notification.none_selected":"None selected","notification.no_targets":"No notify targets found","notification.all_targets":"All","notification.event_bus_target":"Event Bus (HA event bus)","notification.priority":"Priority","notification.priority.default":"Default","notification.priority.passive":"Passive","notification.priority.active":"Active","notification.priority.time_sensitive":"Time-sensitive","notification.priority.critical":"Critical","notification.hint.critical":"Overrides silent/DND","notification.hint.time_sensitive":"Breaks through Focus","notification.hint.passive":"Delivers silently","notification.hint.active":"Standard delivery","notification.title_template":"Title Template","notification.message_template":"Message Template","notification.placeholders":"Placeholders:","notification.event_bus_help":"Event Bus fires event type","notification.event_bus_payload":"with payload:","notification.test_label":"Test Notification","notification.test_button":"Send Test","notification.test_sending":"Sending...","notification.test_sent":"Test notification sent","error.prefix":"Error:","error.failed_save":"Failed to save","error.failed":"Failed","error.panel_offline":"SPAN Panel unreachable","error.panel_reconnected":"SPAN Panel reconnected","error.panel_offline_named":"{name} unreachable","error.panel_reconnected_named":"{name} reconnected","error.discovery_failed":"Unable to connect to SPAN Panel","error.relay_failed":"Unable to toggle relay","error.shedding_failed":"Unable to update shedding priority","error.threshold_failed":"Unable to save threshold","error.graph_horizon_failed":"Unable to update graph time horizon","error.favorites_fetch_failed":"Unable to load favorites","error.favorites_toggle_failed":"Unable to update favorite","error.history_failed":"Unable to load historical data","error.monitoring_failed":"Unable to load monitoring status","error.graph_settings_failed":"Unable to load graph settings","error.areas_failed":"Area assignments may be out of sync","error.retry":"Retry","card.connecting":"Connecting to SPAN Panel...","settings.heading":"Settings","settings.description":"General integration settings (entity naming, device prefix, circuit numbers) are managed through the integration's options flow.","settings.open_link":"Open SPAN Panel Integration Settings","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Panel monitoring settings","header.graph_settings":"Graph time horizon settings","header.site":"Site","header.grid":"Grid","header.upstream":"Upstream","header.downstream":"Downstream","header.solar":"Solar","header.battery":"Battery","header.toggle_units":"Toggle Watts / Amps","header.enable_switches":"Enable Switches","header.switches_enabled":"Switches Enabled","grid.unknown":"Unknown","grid.configure":"Configure circuit","grid.configure_subdevice":"Configure device","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"EV Charger","subdevice.battery":"Battery","subdevice.fallback":"Sub-device","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Power","sidepanel.graph_settings":"Graph Settings","sidepanel.global_defaults":"Global defaults for all circuits","sidepanel.favorites_subtitle":"Favorites","sidepanel.global_default":"Global Default","sidepanel.list_view_columns":"List View Columns","sidepanel.columns":"Columns","sidepanel.circuit_scales":"Circuit Graph Scales","sidepanel.subdevice_scales":"Sub-Device Graph Scales","sidepanel.reset_to_global":"Reset to global default","sidepanel.relay":"Relay","sidepanel.breaker":"Breaker","sidepanel.shedding_priority":"Shedding Priority","sidepanel.priority_label":"Priority","sidepanel.monitoring":"Monitoring","sidepanel.global":"Global","sidepanel.custom":"Custom","sidepanel.continuous_pct":"Continuous %","sidepanel.spike_pct":"Spike %","sidepanel.window_duration":"Window duration","sidepanel.cooldown":"Cooldown","sidepanel.favorite":"Favorite","sidepanel.save_to_favorites":"Save to favorites","panel.favorites":"Favorites","status.monitoring":"Monitoring","status.circuits":"circuits","status.mains":"mains","status.warning":"warning","status.warnings":"warnings","status.alert":"alert","status.alerts":"alerts","status.override":"override","status.overrides":"overrides","card.no_device":"Open the card editor and select your SPAN Panel device.","card.device_not_found":"Panel device not found. Check device_id in card config.","card.topology_error":"Topology response missing panel_size and no circuits found. Update the SPAN Panel integration.","card.panel_size_error":"Could not determine panel_size. No circuits found and no panel_size attribute. Update the SPAN Panel integration.","editor.panel_label":"SPAN Panel","editor.select_panel":"Select a panel...","editor.chart_window":"Chart time window","editor.days":"days","editor.hours":"hours","editor.minutes":"minutes","editor.chart_metric":"Chart metric","editor.visible_sections":"Visible sections","editor.panel_circuits":"Panel circuits","editor.battery_bess":"Battery (BESS)","editor.ev_charger_evse":"EV Charger (EVSE)","editor.tab_style":"Tab Style","editor.tab_style_text":"Text","editor.tab_style_icon":"Icon","metric.power":"Power","metric.current":"Current","metric.soc":"State of Charge","metric.soe":"State of Energy","shedding.always_on":"Critical","shedding.never":"Non-sheddable","shedding.soc_threshold":"SoC Threshold","shedding.off_grid":"Sheddable","shedding.unknown":"Unknown","shedding.select.never":"Stays on in an outage","shedding.select.soc_threshold":"Stays on until battery threshold","shedding.select.off_grid":"Turns off in an outage"},es:{"tab.panel":"Panel","tab.by_panel":"Por Panel","tab.by_activity":"Por Actividad","tab.by_area":"Por Área","tab.monitoring":"Monitoreo","tab.settings":"Configuración","list.search_placeholder":"Buscar circuitos...","list.unassigned_area":"Sin asignar","list.no_results":"No se encontraron circuitos","monitoring.heading":"Monitoreo","monitoring.global_settings":"Configuración Global","monitoring.enabled":"Activado","monitoring.continuous":"Continuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Ventana (min)","monitoring.cooldown":"Enfriamiento (min)","monitoring.monitored_points":"Puntos Monitoreados","monitoring.col.name":"Nombre","monitoring.col.continuous":"Continuo","monitoring.col.spike":"Pico","monitoring.col.window":"Ventana","monitoring.col.cooldown":"Enfriamiento","monitoring.all_none":"Todos / Ninguno","monitoring.reset":"Restablecer","notification.heading":"Configuración de Notificaciones","notification.targets":"Destinos de Notificación","notification.none_selected":"Ninguno seleccionado","notification.no_targets":"No se encontraron destinos de notificación","notification.all_targets":"Todos","notification.event_bus_target":"Bus de Eventos (bus de eventos de HA)","notification.priority":"Prioridad","notification.priority.default":"Predeterminado","notification.priority.passive":"Pasivo","notification.priority.active":"Activo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Anula silencio/No molestar","notification.hint.time_sensitive":"Atraviesa el modo Concentración","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega estándar","notification.title_template":"Plantilla de Título","notification.message_template":"Plantilla de Mensaje","notification.placeholders":"Variables:","notification.event_bus_help":"El Bus de Eventos dispara el tipo de evento","notification.event_bus_payload":"con datos:","notification.test_label":"Notificación de prueba","notification.test_button":"Enviar prueba","notification.test_sending":"Enviando...","notification.test_sent":"Notificación de prueba enviada","error.prefix":"Error:","error.failed_save":"Error al guardar","error.failed":"Falló","error.panel_offline":"SPAN Panel inaccesible","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inaccesible","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"No se puede conectar al SPAN Panel","error.relay_failed":"No se pudo cambiar el relé","error.shedding_failed":"No se pudo actualizar la prioridad de desconexión","error.threshold_failed":"No se pudo guardar el umbral","error.graph_horizon_failed":"No se pudo actualizar el horizonte temporal del gráfico","error.favorites_fetch_failed":"No se pudieron cargar los favoritos","error.favorites_toggle_failed":"No se pudo actualizar el favorito","error.history_failed":"No se pudieron cargar los datos históricos","error.monitoring_failed":"No se pudo cargar el estado de monitoreo","error.graph_settings_failed":"No se pudo cargar la configuración del gráfico","error.areas_failed":"Las asignaciones de áreas pueden estar desincronizadas","error.retry":"Reintentar","card.connecting":"Conectando al SPAN Panel...","settings.heading":"Configuración","settings.description":"La configuración general de la integración (nombres de entidades, prefijo de dispositivo, números de circuito) se administra a través del flujo de opciones de la integración.","settings.open_link":"Abrir Configuración de Integración SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configuración de monitoreo del panel","header.graph_settings":"Configuración del horizonte temporal del gráfico","header.site":"Sitio","header.grid":"Red","header.upstream":"Aguas arriba","header.downstream":"Aguas abajo","header.solar":"Solar","header.battery":"Batería","header.toggle_units":"Alternar Watts / Amperios","header.enable_switches":"Habilitar Interruptores","header.switches_enabled":"Interruptores Habilitados","grid.unknown":"Desconocido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Enc","grid.off":"Apag","subdevice.ev_charger":"Cargador EV","subdevice.battery":"Batería","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potencia","sidepanel.graph_settings":"Configuración de Gráficos","sidepanel.global_defaults":"Valores predeterminados globales para todos los circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Predeterminado Global","sidepanel.list_view_columns":"Columnas de la lista","sidepanel.columns":"Columnas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Restablecer al valor global","sidepanel.relay":"Relé","sidepanel.breaker":"Interruptor","sidepanel.shedding_priority":"Prioridad de Desconexción","sidepanel.priority_label":"Prioridad","sidepanel.monitoring":"Monitoreo","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Continuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duración de ventana","sidepanel.cooldown":"Enfriamiento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Guardar en favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoreo","status.circuits":"circuitos","status.mains":"alimentación","status.warning":"advertencia","status.warnings":"advertencias","status.alert":"alerta","status.alerts":"alertas","status.override":"anulación","status.overrides":"anulaciones","card.no_device":"Abra el editor de tarjeta y seleccione su dispositivo SPAN Panel.","card.device_not_found":"Dispositivo de panel no encontrado. Verifique device_id en la configuración de la tarjeta.","card.topology_error":"La respuesta de topología no contiene panel_size y no se encontraron circuitos. Actualice la integración SPAN Panel.","card.panel_size_error":"No se pudo determinar panel_size. No se encontraron circuitos ni atributo panel_size. Actualice la integración SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Seleccione un panel...","editor.chart_window":"Ventana de tiempo del gráfico","editor.days":"días","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica del gráfico","editor.visible_sections":"Secciones visibles","editor.panel_circuits":"Circuitos del panel","editor.battery_bess":"Batería (BESS)","editor.ev_charger_evse":"Cargador EV (EVSE)","editor.tab_style":"Estilo de pestañas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícono","metric.power":"Potencia","metric.current":"Corriente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energía","shedding.always_on":"Crítico","shedding.never":"No desconectable","shedding.soc_threshold":"Umbral SoC","shedding.off_grid":"Desconectable","shedding.unknown":"Desconocido","shedding.select.never":"Permanece encendido en un corte","shedding.select.soc_threshold":"Encendido hasta umbral de batería","shedding.select.off_grid":"Se apaga en un corte"},fr:{"tab.panel":"Panneau","tab.by_panel":"Par Panneau","tab.by_activity":"Par Activité","tab.by_area":"Par Zone","tab.monitoring":"Surveillance","tab.settings":"Paramètres","list.search_placeholder":"Rechercher des circuits...","list.unassigned_area":"Non attribué","list.no_results":"Aucun circuit trouvé","monitoring.heading":"Surveillance","monitoring.global_settings":"Paramètres Globaux","monitoring.enabled":"Activé","monitoring.continuous":"Continu (%)","monitoring.spike":"Pic (%)","monitoring.window":"Fenêtre (min)","monitoring.cooldown":"Refroidissement (min)","monitoring.monitored_points":"Points Surveillés","monitoring.col.name":"Nom","monitoring.col.continuous":"Continu","monitoring.col.spike":"Pic","monitoring.col.window":"Fenêtre","monitoring.col.cooldown":"Refroidissement","monitoring.all_none":"Tous / Aucun","monitoring.reset":"Réinitialiser","notification.heading":"Paramètres de Notification","notification.targets":"Cibles de Notification","notification.none_selected":"Aucune sélection","notification.no_targets":"Aucune cible de notification trouvée","notification.all_targets":"Tous","notification.event_bus_target":"Bus d'événements (bus d'événements HA)","notification.priority":"Priorité","notification.priority.default":"Par défaut","notification.priority.passive":"Passif","notification.priority.active":"Actif","notification.priority.time_sensitive":"Urgent","notification.priority.critical":"Critique","notification.hint.critical":"Outrepasse silencieux/NPD","notification.hint.time_sensitive":"Traverse le mode Concentration","notification.hint.passive":"Livraison silencieuse","notification.hint.active":"Livraison standard","notification.title_template":"Modèle de Titre","notification.message_template":"Modèle de Message","notification.placeholders":"Variables :","notification.event_bus_help":"Le Bus d'événements déclenche le type d'événement","notification.event_bus_payload":"avec les données :","notification.test_label":"Notification de test","notification.test_button":"Envoyer un test","notification.test_sending":"Envoi...","notification.test_sent":"Notification de test envoyée","error.prefix":"Erreur :","error.failed_save":"Échec de la sauvegarde","error.failed":"Échoué","error.panel_offline":"SPAN Panel inaccessible","error.panel_reconnected":"SPAN Panel reconnecté","error.panel_offline_named":"{name} inaccessible","error.panel_reconnected_named":"{name} reconnecté","error.discovery_failed":"Impossible de se connecter au SPAN Panel","error.relay_failed":"Impossible de basculer le relais","error.shedding_failed":"Impossible de mettre à jour la priorité de délestage","error.threshold_failed":"Impossible d'enregistrer le seuil","error.graph_horizon_failed":"Impossible de mettre à jour l'horizon temporel du graphique","error.favorites_fetch_failed":"Impossible de charger les favoris","error.favorites_toggle_failed":"Impossible de mettre à jour le favori","error.history_failed":"Impossible de charger les données historiques","error.monitoring_failed":"Impossible de charger l'état de surveillance","error.graph_settings_failed":"Impossible de charger les paramètres du graphique","error.areas_failed":"Les affectations de zones peuvent être désynchronisées","error.retry":"Réessayer","card.connecting":"Connexion au SPAN Panel...","settings.heading":"Paramètres","settings.description":"Les paramètres généraux de l'intégration (noms d'entités, préfixe de l'appareil, numéros de circuit) sont gérés via le flux d'options de l'intégration.","settings.open_link":"Ouvrir les Paramètres d'Intégration SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Paramètres de surveillance du panneau","header.graph_settings":"Paramètres d'horizon temporel du graphique","header.site":"Site","header.grid":"Réseau","header.upstream":"Amont","header.downstream":"Aval","header.solar":"Solaire","header.battery":"Batterie","header.toggle_units":"Basculer Watts / Ampères","header.enable_switches":"Activer les interrupteurs","header.switches_enabled":"Interrupteurs activés","grid.unknown":"Inconnu","grid.configure":"Configurer le circuit","grid.configure_subdevice":"Configurer l'appareil","grid.on":"On","grid.off":"Off","subdevice.ev_charger":"Chargeur VE","subdevice.battery":"Batterie","subdevice.fallback":"Sous-appareil","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Puissance","sidepanel.graph_settings":"Paramètres des Graphiques","sidepanel.global_defaults":"Valeurs par défaut globales pour tous les circuits","sidepanel.favorites_subtitle":"Favoris","sidepanel.global_default":"Défaut Global","sidepanel.list_view_columns":"Colonnes de la liste","sidepanel.columns":"Colonnes","sidepanel.circuit_scales":"Échelles des Graphiques de Circuits","sidepanel.subdevice_scales":"Échelles des Graphiques de Sous-Appareils","sidepanel.reset_to_global":"Réinitialiser à la valeur globale","sidepanel.relay":"Relais","sidepanel.breaker":"Disjoncteur","sidepanel.shedding_priority":"Priorité de Délestage","sidepanel.priority_label":"Priorité","sidepanel.monitoring":"Surveillance","sidepanel.global":"Global","sidepanel.custom":"Personnalisé","sidepanel.continuous_pct":"Continu %","sidepanel.spike_pct":"Pic %","sidepanel.window_duration":"Durée de fenêtre","sidepanel.cooldown":"Refroidissement","sidepanel.favorite":"Favori","sidepanel.save_to_favorites":"Enregistrer dans les favoris","panel.favorites":"Favoris","status.monitoring":"Surveillance","status.circuits":"circuits","status.mains":"alimentation","status.warning":"avertissement","status.warnings":"avertissements","status.alert":"alerte","status.alerts":"alertes","status.override":"remplacement","status.overrides":"remplacements","card.no_device":"Ouvrez l'éditeur de carte et sélectionnez votre appareil SPAN Panel.","card.device_not_found":"Appareil de panneau introuvable. Vérifiez device_id dans la configuration de la carte.","card.topology_error":"La réponse de topologie ne contient pas panel_size et aucun circuit trouvé. Mettez à jour l'intégration SPAN Panel.","card.panel_size_error":"Impossible de déterminer panel_size. Aucun circuit trouvé et aucun attribut panel_size. Mettez à jour l'intégration SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Sélectionnez un panneau...","editor.chart_window":"Fenêtre de temps du graphique","editor.days":"jours","editor.hours":"heures","editor.minutes":"minutes","editor.chart_metric":"Métrique du graphique","editor.visible_sections":"Sections visibles","editor.panel_circuits":"Circuits du panneau","editor.battery_bess":"Batterie (BESS)","editor.ev_charger_evse":"Chargeur VE (EVSE)","editor.tab_style":"Style des onglets","editor.tab_style_text":"Texte","editor.tab_style_icon":"Icône","metric.power":"Puissance","metric.current":"Courant","metric.soc":"État de Charge","metric.soe":"État d'Énergie","shedding.always_on":"Critique","shedding.never":"Non délestable","shedding.soc_threshold":"Seuil SoC","shedding.off_grid":"Délestable","shedding.unknown":"Inconnu","shedding.select.never":"Reste allumé en cas de coupure","shedding.select.soc_threshold":"Allumé jusqu'au seuil batterie","shedding.select.off_grid":"S'éteint en cas de coupure"},ja:{"tab.panel":"パネル","tab.by_panel":"パネル別","tab.by_activity":"活動別","tab.by_area":"エリア別","tab.monitoring":"モニタリング","tab.settings":"設定","list.search_placeholder":"回路を検索...","list.unassigned_area":"未割り当て","list.no_results":"回路が見つかりません","monitoring.heading":"モニタリング","monitoring.global_settings":"グローバル設定","monitoring.enabled":"有効","monitoring.continuous":"継続 (%)","monitoring.spike":"スパイク (%)","monitoring.window":"ウィンドウ (分)","monitoring.cooldown":"クールダウン (分)","monitoring.monitored_points":"監視ポイント","monitoring.col.name":"名前","monitoring.col.continuous":"継続","monitoring.col.spike":"スパイク","monitoring.col.window":"ウィンドウ","monitoring.col.cooldown":"クールダウン","monitoring.all_none":"全選択 / 全解除","monitoring.reset":"リセット","notification.heading":"通知設定","notification.targets":"通知先","notification.none_selected":"未選択","notification.no_targets":"通知先が見つかりません","notification.all_targets":"すべて","notification.event_bus_target":"イベントバス (HAイベントバス)","notification.priority":"優先度","notification.priority.default":"デフォルト","notification.priority.passive":"パッシブ","notification.priority.active":"アクティブ","notification.priority.time_sensitive":"緊急","notification.priority.critical":"重大","notification.hint.critical":"サイレント/おやすみモードを無視","notification.hint.time_sensitive":"集中モードを突破","notification.hint.passive":"サイレント配信","notification.hint.active":"標準配信","notification.title_template":"タイトルテンプレート","notification.message_template":"メッセージテンプレート","notification.placeholders":"プレースホルダー:","notification.event_bus_help":"イベントバスが発行するイベントタイプ","notification.event_bus_payload":"ペイロード:","notification.test_label":"テスト通知","notification.test_button":"テスト送信","notification.test_sending":"送信中...","notification.test_sent":"テスト通知を送信しました","error.prefix":"エラー:","error.failed_save":"保存に失敗","error.failed":"失敗","error.panel_offline":"SPANパネルに接続できません","error.panel_reconnected":"SPANパネルが再接続されました","error.panel_offline_named":"{name}に接続できません","error.panel_reconnected_named":"{name}が再接続されました","error.discovery_failed":"SPANパネルへの接続に失敗しました","error.relay_failed":"リレーの切り替えに失敗しました","error.shedding_failed":"シェディング優先度の更新に失敗しました","error.threshold_failed":"しきい値の保存に失敗しました","error.graph_horizon_failed":"グラフの時間範囲の更新に失敗しました","error.favorites_fetch_failed":"お気に入りの読み込みに失敗しました","error.favorites_toggle_failed":"お気に入りの更新に失敗しました","error.history_failed":"履歴データの読み込みに失敗しました","error.monitoring_failed":"監視ステータスの読み込みに失敗しました","error.graph_settings_failed":"グラフ設定の読み込みに失敗しました","error.areas_failed":"エリア割り当てが同期されていない可能性があります","error.retry":"再試行","card.connecting":"SPANパネルに接続中...","settings.heading":"設定","settings.description":"統合の一般設定（エンティティ名、デバイスプレフィックス、回路番号）は統合のオプションフローで管理されます。","settings.open_link":"SPAN Panel統合設定を開く","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"パネルモニタリング設定","header.graph_settings":"グラフ時間範囲設定","header.site":"サイト","header.grid":"グリッド","header.upstream":"上流","header.downstream":"下流","header.solar":"ソーラー","header.battery":"バッテリー","header.toggle_units":"ワット/アンペア切り替え","header.enable_switches":"スイッチを有効化","header.switches_enabled":"スイッチ有効","grid.unknown":"不明","grid.configure":"回路を設定","grid.configure_subdevice":"デバイスを設定","grid.on":"オン","grid.off":"オフ","subdevice.ev_charger":"EV充電器","subdevice.battery":"バッテリー","subdevice.fallback":"サブデバイス","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"電力","sidepanel.graph_settings":"グラフ設定","sidepanel.global_defaults":"全回路のグローバルデフォルト","sidepanel.favorites_subtitle":"お気に入り","sidepanel.global_default":"グローバルデフォルト","sidepanel.list_view_columns":"リスト表示の列数","sidepanel.columns":"列","sidepanel.circuit_scales":"回路グラフスケール","sidepanel.subdevice_scales":"サブデバイスグラフスケール","sidepanel.reset_to_global":"グローバルにリセット","sidepanel.relay":"リレー","sidepanel.breaker":"ブレーカー","sidepanel.shedding_priority":"シェディング優先度","sidepanel.priority_label":"優先度","sidepanel.monitoring":"モニタリング","sidepanel.global":"グローバル","sidepanel.custom":"カスタム","sidepanel.continuous_pct":"継続 %","sidepanel.spike_pct":"スパイク %","sidepanel.window_duration":"ウィンドウ時間","sidepanel.cooldown":"クールダウン","sidepanel.favorite":"お気に入り","sidepanel.save_to_favorites":"お気に入りに保存","panel.favorites":"お気に入り","status.monitoring":"モニタリング","status.circuits":"回路","status.mains":"主電源","status.warning":"警告","status.warnings":"警告","status.alert":"アラート","status.alerts":"アラート","status.override":"上書き","status.overrides":"上書き","card.no_device":"カードエディタを開いてSPAN Panelデバイスを選択してください。","card.device_not_found":"パネルデバイスが見つかりません。カード設定のdevice_idを確認してください。","card.topology_error":"トポロジー応答にpanel_sizeがなく、回路が見つかりません。SPAN Panel統合を更新してください。","card.panel_size_error":"panel_sizeを判定できません。回路がpanel_size属性が見つかりません。SPAN Panel統合を更新してください。","editor.panel_label":"SPAN Panel","editor.select_panel":"パネルを選択...","editor.chart_window":"グラフ時間ウィンドウ","editor.days":"日","editor.hours":"時間","editor.minutes":"分","editor.chart_metric":"グラフ指標","editor.visible_sections":"表示セクション","editor.panel_circuits":"パネル回路","editor.battery_bess":"バッテリー (BESS)","editor.ev_charger_evse":"EV充電器 (EVSE)","editor.tab_style":"タブスタイル","editor.tab_style_text":"テキスト","editor.tab_style_icon":"アイコン","metric.power":"電力","metric.current":"電流","metric.soc":"充電状態","metric.soe":"エネルギー状態","shedding.always_on":"重要","shedding.never":"切断不可","shedding.soc_threshold":"SoCしきい値","shedding.off_grid":"切断可能","shedding.unknown":"不明","shedding.select.never":"停電時もオンを維持","shedding.select.soc_threshold":"バッテリーしきい値までオン","shedding.select.off_grid":"停電時にオフ"},pt:{"tab.panel":"Painel","tab.by_panel":"Por Painel","tab.by_activity":"Por Atividade","tab.by_area":"Por Área","tab.monitoring":"Monitoramento","tab.settings":"Configurações","list.search_placeholder":"Pesquisar circuitos...","list.unassigned_area":"Não atribuído","list.no_results":"Nenhum circuito encontrado","monitoring.heading":"Monitoramento","monitoring.global_settings":"Configurações Globais","monitoring.enabled":"Ativado","monitoring.continuous":"Contínuo (%)","monitoring.spike":"Pico (%)","monitoring.window":"Janela (min)","monitoring.cooldown":"Resfriamento (min)","monitoring.monitored_points":"Pontos Monitorados","monitoring.col.name":"Nome","monitoring.col.continuous":"Contínuo","monitoring.col.spike":"Pico","monitoring.col.window":"Janela","monitoring.col.cooldown":"Resfriamento","monitoring.all_none":"Todos / Nenhum","monitoring.reset":"Redefinir","notification.heading":"Configurações de Notificação","notification.targets":"Destinos de Notificação","notification.none_selected":"Nenhum selecionado","notification.no_targets":"Nenhum destino de notificação encontrado","notification.all_targets":"Todos","notification.event_bus_target":"Barramento de Eventos (barramento de eventos do HA)","notification.priority":"Prioridade","notification.priority.default":"Padrão","notification.priority.passive":"Passivo","notification.priority.active":"Ativo","notification.priority.time_sensitive":"Urgente","notification.priority.critical":"Crítico","notification.hint.critical":"Substitui silencioso/Não perturbar","notification.hint.time_sensitive":"Atravessa o modo Foco","notification.hint.passive":"Entrega silenciosa","notification.hint.active":"Entrega padrão","notification.title_template":"Modelo de Título","notification.message_template":"Modelo de Mensagem","notification.placeholders":"Variáveis:","notification.event_bus_help":"O Barramento de Eventos dispara o tipo de evento","notification.event_bus_payload":"com dados:","notification.test_label":"Notificação de teste","notification.test_button":"Enviar teste","notification.test_sending":"Enviando...","notification.test_sent":"Notificação de teste enviada","error.prefix":"Erro:","error.failed_save":"Falha ao salvar","error.failed":"Falhou","error.panel_offline":"SPAN Panel inacessível","error.panel_reconnected":"SPAN Panel reconectado","error.panel_offline_named":"{name} inacessível","error.panel_reconnected_named":"{name} reconectado","error.discovery_failed":"Não foi possível conectar ao SPAN Panel","error.relay_failed":"Não foi possível alternar o relé","error.shedding_failed":"Não foi possível atualizar a prioridade de desligamento","error.threshold_failed":"Não foi possível salvar o limite","error.graph_horizon_failed":"Não foi possível atualizar o horizonte temporal do gráfico","error.favorites_fetch_failed":"Não foi possível carregar os favoritos","error.favorites_toggle_failed":"Não foi possível atualizar o favorito","error.history_failed":"Não foi possível carregar os dados históricos","error.monitoring_failed":"Não foi possível carregar o status de monitoramento","error.graph_settings_failed":"Não foi possível carregar as configurações do gráfico","error.areas_failed":"As atribuições de áreas podem estar fora de sincronização","error.retry":"Tentar novamente","card.connecting":"Conectando ao SPAN Panel...","settings.heading":"Configurações","settings.description":"As configurações gerais da integração (nomes de entidades, prefixo do dispositivo, números de circuito) são gerenciadas através do fluxo de opções da integração.","settings.open_link":"Abrir Configurações de Integração SPAN Panel","horizon.5m":"5 Minutes","horizon.1h":"1 Hour","horizon.1d":"1 Day","horizon.1w":"1 Week","horizon.1M":"1 Month","settings.graph_horizon_heading":"Graph Time Horizon","settings.graph_horizon_description":"Default time window for all circuit graphs. Individual circuits can override this in their settings panel.","settings.global_default":"Global Default","settings.default_scale":"Default Scale","settings.circuit_graph_scales":"Circuit Graph Scales","settings.col.circuit":"Circuit","settings.col.scale":"Scale","sidepanel.graph_horizon":"Graph Time Horizon","header.default_name":"SPAN Panel","header.monitoring_settings":"Configurações de monitoramento do painel","header.graph_settings":"Configurações do horizonte temporal do gráfico","header.site":"Local","header.grid":"Rede","header.upstream":"Montante","header.downstream":"Jusante","header.solar":"Solar","header.battery":"Bateria","header.toggle_units":"Alternar Watts / Amperes","header.enable_switches":"Ativar Interruptores","header.switches_enabled":"Interruptores Ativados","grid.unknown":"Desconhecido","grid.configure":"Configurar circuito","grid.configure_subdevice":"Configurar dispositivo","grid.on":"Lig","grid.off":"Des","subdevice.ev_charger":"Carregador VE","subdevice.battery":"Bateria","subdevice.fallback":"Sub-dispositivo","subdevice.soc":"SoC","subdevice.soe":"SoE","subdevice.power":"Potência","sidepanel.graph_settings":"Configurações de Gráficos","sidepanel.global_defaults":"Padrões globais para todos os circuitos","sidepanel.favorites_subtitle":"Favoritos","sidepanel.global_default":"Padrão Global","sidepanel.list_view_columns":"Colunas da Lista","sidepanel.columns":"Colunas","sidepanel.circuit_scales":"Escalas de Gráficos de Circuitos","sidepanel.subdevice_scales":"Escalas de Gráficos de Sub-Dispositivos","sidepanel.reset_to_global":"Redefinir para o padrão global","sidepanel.relay":"Relé","sidepanel.breaker":"Disjuntor","sidepanel.shedding_priority":"Prioridade de Desligamento","sidepanel.priority_label":"Prioridade","sidepanel.monitoring":"Monitoramento","sidepanel.global":"Global","sidepanel.custom":"Personalizado","sidepanel.continuous_pct":"Contínuo %","sidepanel.spike_pct":"Pico %","sidepanel.window_duration":"Duração da janela","sidepanel.cooldown":"Resfriamento","sidepanel.favorite":"Favorito","sidepanel.save_to_favorites":"Salvar nos favoritos","panel.favorites":"Favoritos","status.monitoring":"Monitoramento","status.circuits":"circuitos","status.mains":"alimentação","status.warning":"aviso","status.warnings":"avisos","status.alert":"alerta","status.alerts":"alertas","status.override":"substituição","status.overrides":"substituições","card.no_device":"Abra o editor do cartão e selecione seu dispositivo SPAN Panel.","card.device_not_found":"Dispositivo do painel não encontrado. Verifique device_id na configuração do cartão.","card.topology_error":"A resposta de topologia não contém panel_size e nenhum circuito encontrado. Atualize a integração SPAN Panel.","card.panel_size_error":"Não foi possível determinar panel_size. Nenhum circuito encontrado e nenhum atributo panel_size. Atualize a integração SPAN Panel.","editor.panel_label":"SPAN Panel","editor.select_panel":"Selecione um painel...","editor.chart_window":"Janela de tempo do gráfico","editor.days":"dias","editor.hours":"horas","editor.minutes":"minutos","editor.chart_metric":"Métrica do gráfico","editor.visible_sections":"Seções visíveis","editor.panel_circuits":"Circuitos do painel","editor.battery_bess":"Bateria (BESS)","editor.ev_charger_evse":"Carregador VE (EVSE)","editor.tab_style":"Estilo das abas","editor.tab_style_text":"Texto","editor.tab_style_icon":"Ícone","metric.power":"Potência","metric.current":"Corrente","metric.soc":"Estado de Carga","metric.soe":"Estado de Energia","shedding.always_on":"Crítico","shedding.never":"Não desligável","shedding.soc_threshold":"Limite SoC","shedding.off_grid":"Desligável","shedding.unknown":"Desconhecido","shedding.select.never":"Permanece ligado em uma queda","shedding.select.soc_threshold":"Ligado até limite da bateria","shedding.select.off_grid":"Desliga em uma queda"}};function n(n){e=n&&t[n]?n:"en"}function i(n){return t[e]?.[n]??t.en?.[n]??n}function s(n,i){return(t[e]?.[n]??t.en?.[n]??n).replace(/\{(\w+)\}/g,(e,t)=>Object.prototype.hasOwnProperty.call(i,t)?i[t]:`{${t}}`)}const o="power",r="5m",a={"5m":{ms:3e5,refreshMs:1e3,useRealtime:!0},"1h":{ms:36e5,refreshMs:3e4,useRealtime:!1},"1d":{ms:864e5,refreshMs:6e4,useRealtime:!1},"1w":{ms:6048e5,refreshMs:6e4,useRealtime:!1},"1M":{ms:2592e6,refreshMs:6e4,useRealtime:!1}},l="span_panel",c="CLOSED",d="pv",h="bess",p="evse",u="sub_",g=500,_={power:{entityRole:"power",label:()=>i("metric.power"),unit:e=>Math.abs(e)>=1e3?"kW":"W",format:e=>{const t=Math.abs(e);return t>=1e3?(t/1e3).toFixed(1):t<10&&t>0?t.toFixed(1):String(Math.round(t))}},current:{entityRole:"current",label:()=>i("metric.current"),unit:()=>"A",format:e=>Math.abs(e).toFixed(1)}},f={soc:{entityRole:"soc",label:()=>i("metric.soc"),unit:()=>"%",format:e=>String(Math.round(e)),fixedMin:0,fixedMax:100},soe:{entityRole:"soe",label:()=>i("metric.soe"),unit:()=>"kWh",format:e=>e.toFixed(1)},power:_.power},m={always_on:{icon:"mdi:battery",icon2:"mdi:router-wireless",color:"#4caf50",label:()=>i("shedding.always_on")},never:{icon:"mdi:battery",color:"#4caf50",label:()=>i("shedding.never")},soc_threshold:{icon:"mdi:battery-alert-variant-outline",color:"#9c27b0",label:()=>i("shedding.soc_threshold"),textLabel:"SoC"},off_grid:{icon:"mdi:transmission-tower",color:"#ff9800",label:()=>i("shedding.off_grid")},unknown:{icon:"mdi:help-circle-outline",color:"#888",label:()=>i("shedding.unknown")}},v="#ff9800";function b(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!k(e,t),O={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:R};
+const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!k(e,t),R={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:O};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class fe{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=fe.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function _e(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=_e(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=_e(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=fe.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new fe(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=_e(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=_e(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=_e(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){_e(this,e)}}const Ce=U.litHtmlPolyfillSupport;Ce?.(fe,ve),(U.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
+const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,G="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+V,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==B?B.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+G+n.slice(c)+V+h):n+V+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(G)){const t=c[o++],n=i.getAttribute(e).split(V),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(V)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(V),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(V,e+1));)a.push({type:7,index:s}),e+=V.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class me{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new ve(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class ve{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new me(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new ve(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=q(e).nextSibling;q(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const Ce=U.litHtmlPolyfillSupport;Ce?.(_e,ve),(U.litHtmlVersions??=[]).push("3.3.2");const $e=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:R},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:O},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${i("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${i("header.enable_switches")}" data-text-on="${i("header.switches_enabled")}">\n            <span class="slide-confirm-text">${i("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${i("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Re=f.power;function Oe(e){return Re.unit(e)}function je(e){return(e<0?"-":"")+Re.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return f[t]??f[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}class Je{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._fetching)return this._status;if(this._status&&n-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,f=g&&parseFloat(g.state)||0,_=t.device_type===d||f<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};z=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${i("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,_)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function ft(e){const t=a[e];return t?t.ms:a[r].ms}function _t(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=_t(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?ft(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?ft(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=f[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,_={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(_.min=n.fixedMin,_.max=n.fixedMax):g<1&&(_.min=0,_.max=1),s&&"current"===n.entityRole&&(_.min=0,_.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:_,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const f=e.querySelector(".stat-grid-state .stat-value");if(f){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;f.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(i),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=ft(s),d=_t(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,f=g&&parseFloat(g.state)||0,_=l.device_type===d||f<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(f)}</strong><span class="power-unit">${Oe(f)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",_),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?ft(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,_,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Oe(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?ft(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,f=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),_=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:_,favoritePanelDeviceId:g,isFavorite:f,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,f=t.breaker_rating_a,_=f?`${Math.round(f)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Oe(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${i("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${_?`<span class="breaker-badge">${_}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Rt(e){return e.entities?.current??e.entities?.power??""}class Ot{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Rt(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Rt(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Oe(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Rt(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const f=document.createElement("span");f.className="field-label",f.textContent=i("sidepanel.global_default"),u.appendChild(f);const _=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{const e={horizon:_.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(_),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,f=document.createElement("select");f.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:f.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(f),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{f.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,f=a?.window_duration_m??15,_=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",f,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",_,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Ie(i("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Ie(i("header.enable_switches"))}" data-text-on="${Ie(i("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Ie(i("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Ie(i("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Oe=_.power;function Re(e){return Oe.unit(e)}function je(e){return(e<0?"-":"")+Oe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}class Je{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._inflight)return this._inflight;if(this._status&&n-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const n={};t&&(n.config_entry_id=t);const o={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(o),a=r?.response??null;return s===this._generation&&(this._status=a,this._lastFetch=Date.now()),a}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Ie(e.label()),n=Ie(e.icon),i=Ie(e.color);if(e.icon2){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Ie(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Ie(e.textLabel)}</span>\n      </span>`}else z=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${Ie(i("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Re(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${Ie(i("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ot(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ot(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Re(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ot(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -92,7 +92,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,b([Me()],Kt.prototype,"_errors",void 0),Kt=b([ze("span-error-banner")],Kt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Ot(this._ctrl),this._errorStore=new Ut,this._areaUnsub=null,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this.shadowRoot),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:o,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(n(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
+  `,b([Me()],Kt.prototype,"_errors",void 0),Kt=b([ze("span-error-banner")],Kt);const Jt=[{name:"Kitchen",watts:"120",path:"M0,28 L8,26 L16,24 L24,22 L32,25 L40,20 L48,18 L56,22 L64,19 L72,16 L80,18 L88,15 L96,17 L104,14 L112,16 L120,13"},{name:"Living Room",watts:"85",path:"M0,22 L8,24 L16,20 L24,26 L32,18 L40,22 L48,16 L56,20 L64,24 L72,18 L80,22 L88,20 L96,16 L104,22 L112,18 L120,20"},{name:"Master Bed",watts:"193",path:"M0,8 L8,10 L16,8 L24,12 L32,10 L40,8 L48,10 L56,8 L64,10 L72,8 L80,12 L88,10 L96,8 L104,10 L112,8 L120,10"},{name:"HVAC",watts:"64",path:"M0,30 L8,28 L16,26 L24,22 L32,18 L40,14 L48,18 L56,22 L64,26 L72,22 L80,18 L88,22 L96,26 L104,22 L112,18 L120,22"}];let Xt=class extends Ee{constructor(){super(...arguments),this._config={},this._discovered=!1,this._discovering=!1,this._topology=null,this._activeTab="panel",this._panelDevice=null,this._panelSize=0,this._historyLoaded=!1,this._ctrl=new At,this._listCtrl=new Rt(this._ctrl),this._errorStore=new Ut,this._areaUnsub=null,this._areaSubscribing=!1,this._tabBarCleanup=null,this._onVisibilityChange=null}get _configEntryId(){return this._panelDevice?.config_entries?.[0]??null}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel-card: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._ctrl.startIntervals(this._root),this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&(this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root))},document.addEventListener("visibilitychange",this._onVisibilityChange)}disconnectedCallback(){this._ctrl.stopIntervals(),this._listCtrl.stop(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._errorStore.dispose(),super.disconnectedCallback()}setConfig(e){this._errorStore.clear(),this._config=e,this._discovered=!1,this._discovering=!1,this._historyLoaded=!1,this._topology=null,this._panelDevice=null,this._panelSize=0,this._activeTab="panel",this._ctrl.reset(),this._ctrl.setConfig(e),this._ctrl.errorStore=this._errorStore}getCardSize(){return Math.ceil(this._panelSize/2)+3}static getConfigElement(){return document.createElement("span-panel-card-editor")}static getStubConfig(){return{device_id:"",history_days:0,history_hours:0,history_minutes:5,chart_metric:o,show_panel:!0,show_battery:!0,show_evse:!0}}render(){if(n(this.hass?.language),!this._config.device_id)return this._renderPreview();if(!this._discovered){const e=this._errorStore.hasPersistent("discovery-failed");return le`
         <ha-card>
           <span-error-banner .store=${this._errorStore}></span-error-banner>
           ${e?de:le`<div style="padding: 24px; color: var(--secondary-text-color);">${Ie(i("card.connecting"))}</div>`}
@@ -110,7 +110,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot);const e=this.shadowRoot.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this.shadowRoot,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{}),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this.shadowRoot)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},f=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}f&&c.startsWith(f+" ")&&(c=c.slice(f.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let _="";if(c.identifiers)for(const e of c.identifiers)e[0]===l&&(_=e[1]);let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:_,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this.shadowRoot)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this.shadowRoot.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this.shadowRoot.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Fe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,f=s.type===p,_=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,_,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,_,m);let w="";g?w="sub-device-bess":f&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Oe(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${i("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this.shadowRoot.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this.shadowRoot.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this.shadowRoot),this._ctrl.setupResizeObserver(this.shadowRoot,this.shadowRoot.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}else if("area"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this.shadowRoot)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this.shadowRoot);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this.shadowRoot)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this.shadowRoot))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this.shadowRoot)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root);const e=this._root.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this._root,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&(this._areaSubscribing=!0,async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:i("error.areas_failed"),persistent:!1})})),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this._root)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers){if(!Array.isArray(e)||e.length<2)continue;const[t,n]=e;t===l&&"string"==typeof n&&(f=n)}let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this._root)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this._root.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this._root.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Fe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${Ie(i("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this._root.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this._root.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root),this._ctrl.setupResizeObserver(this._root,this._root.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}else if("area"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this._root);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this._root)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this._root)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
@@ -133,4 +133,4 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           <div style="margin-top:8px;font-size:0.7em;color:var(--secondary-text-color);">${i("card.no_device")}</div>
         </div>
       </ha-card>
-    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),f=c(p,"0","59",i("editor.minutes")),_=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(f.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",_),g.input.addEventListener("change",_),f.input.addEventListener("change",_),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(f.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=f.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(f)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
+    `}};Xt.styles=$('\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n'),b([Ne({attribute:!1})],Xt.prototype,"hass",void 0),b([Me()],Xt.prototype,"_config",void 0),b([Me()],Xt.prototype,"_discovered",void 0),b([Me()],Xt.prototype,"_discovering",void 0),b([Me()],Xt.prototype,"_topology",void 0),b([Me()],Xt.prototype,"_activeTab",void 0),Xt=b([ze("span-panel-card")],Xt);class Zt extends HTMLElement{constructor(){super(...arguments),this._config={},this._hass=null,this._panels=null,this._availableRoles=null,this._built=!1,this._panelSelect=null,this._daysInput=null,this._hoursInput=null,this._minsInput=null,this._metricSelect=null,this._checkboxes={},this._entityContainers={},this._tabStyleSelect=null}setConfig(e){this._config={...e},this._updateControls()}set hass(e){this._hass=e,this._panels?this._built||this._buildEditor():this._discoverPanels()}async _discoverPanels(){if(!this._hass)return;const e=await this._hass.callWS({type:"config/device_registry/list"});this._panels=e.filter(e=>(e.identifiers??[]).some(e=>e[0]===l)&&!e.via_device_id).map(e=>{const t=(e.identifiers??[]).find(e=>e[0]===l)?.[1]??"",n=e.name_by_user??e.name??i("editor.panel_label");return{device_id:e.id,label:`${n} (${t})`}}),this._buildEditor()}_buildEditor(){this.innerHTML="",this._built=!0;const e=document.createElement("div");e.style.padding="16px";const t="\n      width: 100%;\n      padding: 10px 12px;\n      border-radius: 8px;\n      border: 1px solid var(--divider-color, #333);\n      background: var(--card-background-color, var(--secondary-background-color, #1c1c1c));\n      color: var(--primary-text-color, #e0e0e0);\n      font-size: 1em;\n      cursor: pointer;\n      appearance: auto;\n      box-sizing: border-box;\n    ",n="display: block; font-weight: 500; margin-bottom: 8px; color: var(--primary-text-color);",i="margin-bottom: 16px;";this._buildPanelSelector(e,t,n,i),this._buildTimeWindow(e,t,n,i),this._buildMetricSelector(e,t,n,i),this._buildTabStyleSelector(e,t,n,i),this._buildSectionCheckboxes(e,n,i),this.appendChild(e),this._populateMetricSelect(),this._config.device_id&&this._discoverAvailableRoles(this._config.device_id)}_buildPanelSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.panel_label"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=document.createElement("option");if(l.value="",l.textContent=i("editor.select_panel"),a.appendChild(l),this._panels)for(const e of this._panels){const t=document.createElement("option");t.value=e.device_id,t.textContent=e.label,e.device_id===this._config.device_id&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,device_id:a.value},this._fireConfigChanged(),this._discoverAvailableRoles(a.value)}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._panelSelect=a}_buildTimeWindow(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_window"),r.style.cssText=n;const a=document.createElement("div");a.style.cssText="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;";const l=t+"width: 70px; cursor: text;",c=(e,t,n,i)=>{const s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";const o=document.createElement("input");o.type="number",o.min=t,o.max=n,o.value=String(e),o.style.cssText=l;const r=document.createElement("span");return r.textContent=i,r.style.cssText="font-size: 0.9em; color: var(--secondary-text-color);",s.appendChild(o),s.appendChild(r),{wrap:s,input:o}},d=parseInt(String(this._config.history_days))||0,h=parseInt(String(this._config.history_hours))||0,p=parseInt(String(this._config.history_minutes))||0,u=c(d,"0","30",i("editor.days")),g=c(h,"0","23",i("editor.hours")),_=c(p,"0","59",i("editor.minutes")),f=()=>{this._config={...this._config,history_days:parseInt(u.input.value)||0,history_hours:parseInt(g.input.value)||0,history_minutes:parseInt(_.input.value)||0},this._fireConfigChanged()};u.input.addEventListener("change",f),g.input.addEventListener("change",f),_.input.addEventListener("change",f),a.appendChild(u.wrap),a.appendChild(g.wrap),a.appendChild(_.wrap),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._daysInput=u.input,this._hoursInput=g.input,this._minsInput=_.input}_buildMetricSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.chart_metric"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t,a.addEventListener("change",()=>{this._config={...this._config,chart_metric:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._metricSelect=a}_buildTabStyleSelector(e,t,n,s){const o=document.createElement("div");o.style.cssText=s;const r=document.createElement("label");r.textContent=i("editor.tab_style"),r.style.cssText=n;const a=document.createElement("select");a.style.cssText=t;const l=[{value:"text",text:i("editor.tab_style_text")},{value:"icon",text:i("editor.tab_style_icon")}];for(const e of l){const t=document.createElement("option");t.value=e.value,t.textContent=e.text,e.value===(this._config.tab_style??"text")&&(t.selected=!0),a.appendChild(t)}a.addEventListener("change",()=>{this._config={...this._config,tab_style:a.value},this._fireConfigChanged()}),o.appendChild(r),o.appendChild(a),e.appendChild(o),this._tabStyleSelect=a}_buildSectionCheckboxes(e,t,n){const s=document.createElement("div");s.style.cssText=n;const o=document.createElement("label");o.textContent=i("editor.visible_sections"),o.style.cssText=t,s.appendChild(o);const r=[{key:"show_panel",label:i("editor.panel_circuits"),subDeviceType:null},{key:"show_battery",label:i("editor.battery_bess"),subDeviceType:"bess"},{key:"show_evse",label:i("editor.ev_charger_evse"),subDeviceType:"evse"}];this._checkboxes={},this._entityContainers={};for(const e of r){const t=document.createElement("div");t.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 6px; cursor: pointer;";const n=document.createElement("input");n.type="checkbox",n.checked=!1!==this._config[e.key],n.style.cssText="width: 18px; height: 18px; cursor: pointer; accent-color: var(--primary-color);";const i=document.createElement("span");i.textContent=e.label,i.style.cssText="font-size: 0.9em; color: var(--primary-text-color); cursor: pointer;",t.appendChild(n),t.appendChild(i),s.appendChild(t),this._checkboxes[e.key]=n;let o=null;e.subDeviceType&&(o=document.createElement("div"),o.style.cssText="padding-left: 26px;",o.style.display=n.checked?"block":"none",s.appendChild(o),this._entityContainers[e.subDeviceType]=o),n.addEventListener("change",()=>{this._config={...this._config,[e.key]:n.checked},o&&(o.style.display=n.checked?"block":"none"),this._fireConfigChanged()})}e.appendChild(s)}_isChartEntity(e,t,n){const i=(t.original_name??"").toLowerCase(),s=t.unique_id??"";if("power"===i||"battery power"===i||s.endsWith("_power"))return!0;if("bess"===n){if("battery level"===i||"battery percentage"===i||s.endsWith("_battery_level")||s.endsWith("_battery_percentage"))return!0;if("state of energy"===i||s.endsWith("_soe_kwh"))return!0;if("nameplate capacity"===i||s.endsWith("_nameplate_capacity"))return!0}return!1}_populateEntityCheckboxes(e){const t=this._config.visible_sub_entities??{};for(const[,n]of Object.entries(e)){const e=n.type?this._entityContainers[n.type]:void 0;if(e&&(e.innerHTML="",n.entities))for(const[i,s]of Object.entries(n.entities)){if("sensor"===s.domain&&this._isChartEntity(i,s,n.type??""))continue;const o=document.createElement("div");o.style.cssText="display: flex; align-items: center; gap: 8px; margin-bottom: 5px; cursor: pointer;";const r=document.createElement("input");r.type="checkbox",r.checked=!0===t[i],r.style.cssText="width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color);";const a=document.createElement("span");let l=s.original_name??i;const c=n.name??"";l.startsWith(c+" ")&&(l=l.slice(c.length+1)),a.textContent=l,a.style.cssText="font-size: 0.85em; color: var(--primary-text-color); cursor: pointer;",o.appendChild(r),o.appendChild(a),e.appendChild(o),r.addEventListener("change",()=>{const e={...this._config.visible_sub_entities??{}};r.checked?e[i]=!0:delete e[i],this._config={...this._config,visible_sub_entities:e},this._fireConfigChanged()})}}}async _discoverAvailableRoles(e){if(this._hass&&e)try{const t=await this._hass.callWS({type:`${l}/panel_topology`,device_id:e}),n=new Set;for(const e of Object.values(t.circuits??{}))for(const t of Object.keys(e.entities??{}))n.add(t);this._availableRoles=n,this._populateMetricSelect(),t.sub_devices&&this._populateEntityCheckboxes(t.sub_devices)}catch{this._availableRoles=null,this._populateMetricSelect()}}_populateMetricSelect(){const e=this._metricSelect;if(!e)return;const t=this._config.chart_metric??o;e.innerHTML="";for(const[n,i]of Object.entries(_)){if(this._availableRoles&&!this._availableRoles.has(i.entityRole))continue;const s=document.createElement("option");s.value=n,s.textContent=i.label(),n===t&&(s.selected=!0),e.appendChild(s)}}_updateControls(){if(this._panelSelect&&(this._panelSelect.value=this._config.device_id??""),this._daysInput&&(this._daysInput.value=String(parseInt(String(this._config.history_days))||0)),this._hoursInput&&(this._hoursInput.value=String(parseInt(String(this._config.history_hours))||0)),this._minsInput&&(this._minsInput.value=String(parseInt(String(this._config.history_minutes))||0)),this._metricSelect&&(this._metricSelect.value=this._config.chart_metric??o),this._checkboxes)for(const[e,t]of Object.entries(this._checkboxes))t.checked=!1!==this._config[e];this._tabStyleSelect&&(this._tabStyleSelect.value=this._config.tab_style??"text")}_fireConfigChanged(){this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config}}))}}try{customElements.get("span-panel-card-editor")||customElements.define("span-panel-card-editor",Zt)}catch{}window.customCards=window.customCards??[],window.customCards.push({type:"span-panel-card",name:"SPAN Panel",description:"Physical panel layout with live power charts matching the SPAN frontend",preview:!0}),console.warn("%c SPAN-PANEL-CARD %c v0.9.4 ","background: var(--primary-color, #4dd9af); color: var(--text-primary-color, #000); font-weight: 700; padding: 2px 6px; border-radius: 4px 0 0 4px;","background: var(--secondary-background-color, #333); color: var(--primary-text-color, #fff); padding: 2px 6px; border-radius: 0 4px 4px 0;");
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 7d2d428..35f8755 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -4,29 +4,29 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},k=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:P,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},R=(e,t)=>!P(e,t),O={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:R};
+const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,w=Symbol(),x=new WeakMap;let S=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==w)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(y&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&x.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new S("string"==typeof e?e:e+"",void 0,w),C=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[i+1],e[0]);return new S(n,e,w)},P=y?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:E,getOwnPropertyDescriptor:z,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,I=globalThis,T=I.trustedTypes,D=T?T.emptyScript:"",F=I.reactiveElementPolyfillSupport,L=(e,t)=>e,H={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!k(e,t),R={attribute:!0,type:String,converter:H,reflect:!1,useDefault:!1,hasChanged:O};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=O){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??O}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(k(e))}else void 0!==e&&t.push(k(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??R)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(P(e))}else void 0!==e&&t.push(P(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[L("elementProperties")]=new Map,j[L("finalized")]=new Map,F?.({ReactiveElement:j}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+B,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+B+h):n+B+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(B),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(B)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(B),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(B,e+1));)a.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class ve{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ve(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const $e=j.litHtmlPolyfillSupport;$e?.(_e,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
+const q=globalThis,U=e=>e,W=q.trustedTypes,G=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+B,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+B+h):n+B+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(B),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(B)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(B),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(B,e+1));)a.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class ve{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ve(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const $e=q.litHtmlPolyfillSupport;$e?.(_e,me),(q.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let ke=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}};ke._$litElement$=!0,ke.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:ke});const Pe=Ce.litElementPolyfillSupport;Pe?.({LitElement:ke}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */let Pe=class extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}};Pe._$litElement$=!0,Pe.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:Pe});const ke=Ce.litElementPolyfillSupport;ke?.({LitElement:Pe}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:R},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},ze={attribute:!0,type:String,converter:H,reflect:!1,hasChanged:O},Ae=(e=ze,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,13 +46,13 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)e()}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Re(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Oe="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Oe);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Oe,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null}async fetch(e){const t=Date.now();return this._inflight?this._inflight:this._map&&t-this._lastFetch<3e4?this._map:(this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},i=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t);return this._map=i?.response?.favorites??{},this._lastFetch=Date.now(),this._map}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight)}invalidate(){this._lastFetch=0}clear(){this._map=null,this._lastFetch=0}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Re(String(t.breaker_rating_a))}A · ${Re(String(t.voltage))}V · Tabs [${Re(String(t.tabs))}]`,i=this._createHeader(Re(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Re(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Re(t.name),Re(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Re(e),o=Re(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Re(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Re(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Re(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends ke{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function je(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null,this._generation=0}async fetch(e){const t=Date.now();if(this._inflight)return this._inflight;if(this._map&&t-this._lastFetch<3e4)return this._map;const i=this._generation;return this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},s=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t),o=s?.response?.favorites??{};return i===this._generation&&(this._map=o,this._lastFetch=Date.now()),o}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}clear(){this._map=null,this._lastFetch=0,this._generation++}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=je(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Pe{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Re(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Re(e.device_name||n("header.default_name")),o=Re(e.serial||""),r=Re(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${n("header.graph_settings")}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${n("header.enable_switches")}" data-text-on="${n("header.switches_enabled")}">\n            <span class="slide-confirm-text">${n("header.enable_switches")}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${n("header.toggle_units")}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Oe(n("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Oe(n("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._fetching=!1,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._fetching)return this._status;if(this._status&&i-this._lastFetch<3e4)return this._status;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(s);this._status=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),this._status=null,this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1})}finally{this._fetching=!1}return this._status}invalidate(){this._lastFetch=0}get status(){return this._status}clear(){this._status=null,this._lastFetch=0}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Re(t.name||n("grid.unknown")),C=dt(a);let k;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;k=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else k=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const P=h||"unknown";let E="";if("unknown"!==P){const e=f[P]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};E=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Re(e)}" style="color:${z};"\n    title="${n("grid.configure")}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Re(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${k}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function kt(e){return St(e,wt)}function Pt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?kt(s):null,m=g?Pt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Re(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Re(o)}</span>\n          <span class="sub-device-name">${Re(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Re(e)}" style="color:#555;" title="${n("grid.configure_subdevice")}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Re(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Re(n)}">${Re(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Re(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Re(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Re(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Rt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=kt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Ot(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Rt(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const k=i.querySelector(".shedding-icon-secondary");k&&($.icon2?(k.setAttribute("icon",$.icon2),k.style.color=$.color,k.style.display=""):k.style.display="none");const P=i.querySelector(".shedding-label");P&&($.textLabel?(P.textContent=$.textLabel,P.style.color=$.color,P.style.display=""):P.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Ot(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Rt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Rt(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Ot(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Re(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=n?.response||null}catch{o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),k=Object.entries(d).map(([e,t])=>{const i=Re(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Re(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Re(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Re(r)} (${Re(e)})`:Re(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Re(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Re(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Re(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${k}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const P=e.querySelector("#toggle-all-circuits");P&&!S&&$&&(P.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){if(o){const t=e instanceof Error?e.message:n("error.failed_save");o.textContent=`${n("error.prefix")} ${t}`,o.style.color="var(--error-color, #f44336)"}}},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const r=e.querySelector("#global-status");try{if(o){const n={continuous_threshold_pct:parseInt(e.querySelector("#g-continuous").value,10),spike_threshold_pct:parseInt(e.querySelector("#g-spike").value,10),window_duration_m:parseInt(e.querySelector("#g-window").value,10),cooldown_duration_m:parseInt(e.querySelector("#g-cooldown").value,10)};await this._callSetGlobal(t,n)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){if(r){const t=e instanceof Error?e.message:n("error.failed");r.textContent=`${n("error.prefix")} ${t}`,r.style.color="var(--error-color, #f44336)"}return}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",r)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Re(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Re(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Re(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",k=o?.utilization_pct??null;if(null==k&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;k=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=k){C=`<span class="utilization ${k>=100?"utilization-alert":k>=80?"utilization-warning":"utilization-normal"}">${Math.round(k)}%</span>`}const P=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Re(e)}" style="color:${P};"\n  title="${n("grid.configure")}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Re(e)}" data-uuid="${Re(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Re(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Re(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Re(e)}" style="grid-column:1 / -1;">${Re(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Re(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends ke{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this.shadowRoot.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this.shadowRoot.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight)return this._inflight;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -132,7 +132,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
                 ${this._panels.map(e=>le` <option value=${e.id} ?selected=${e.id===this._selectedPanelId}>${e.name_by_user||e.name||e.id}</option> `)}
               </select>
             </span>
-            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Re(e.id)}">${Re(e.label)}</button>`).join("")}</div>`))}</div>
+            <div class="panel-tabs" @click=${this._onTabClick}>${Fe((s=this._buildTabList(),o=this._activeTab,`<div class="shared-tab-bar">${s.map(e=>`<button class="shared-tab${e.id===o?" active":""}" data-tab="${Oe(e.id)}">${Oe(e.label)}</button>`).join("")}</div>`))}</div>
           </div>
         </div>
       </div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this.shadowRoot.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology?.circuits??{};n.expanded[t.view]=t.expanded.filter(e=>e in i),n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Re(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Re(n("header.enable_switches"))}" data-text-on="${Re(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Re(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Re(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Re(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this.shadowRoot.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaUnsub=e}).catch(()=>{})}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e.message,t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this._root.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology,s=i?.circuits;s&&Object.keys(s).length>0?n.expanded[t.view]=t.expanded.filter(e=>e in s):n.expanded[t.view]=t.expanded,n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this._root.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||this._areaSubscribing||(this._areaSubscribing=!0,async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:n("error.areas_failed"),persistent:!1})}))}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e instanceof Error?e.message:String(e),t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }

From ca3a460968f80a4354cf231d75359692178660e8 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 19:35:47 -0700
Subject: [PATCH 95/97] fix(favorites): BESS chart line visibility and resize

Two fixes to the Favorites view's BESS sub-device charts:

1. Line visibility: loadHistory() now runs before renderActivityView
   / renderAreaView, so the single updateDOM pass happens with real
   history. Previously the view rendered with an empty history first
   and updated after, which left residual ECharts state that hid the
   line stroke on SOE/POWER charts in Favorites.
2. Resize: wire setupResizeObserver into the Favorites render path so
   BESS and EVSE charts shrink on viewport changes without a refresh.

Also flatten the chart area gradient to a uniform alpha, so the per-
chart fill no longer varies with the filled polygon height.
---
 dist/span-panel-card.js    |  2 +-
 dist/span-panel.js         |  4 ++--
 src/chart/chart-options.ts |  4 ++--
 src/panel/span-panel.ts    | 22 +++++++++++-----------
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index b4afb6d..aef73a2 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Ie(i("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Ie(i("header.enable_switches"))}" data-text-on="${Ie(i("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Ie(i("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Ie(i("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Oe=_.power;function Re(e){return Oe.unit(e)}function je(e){return(e<0?"-":"")+Oe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}class Je{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._inflight)return this._inflight;if(this._status&&n-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const n={};t&&(n.config_entry_id=t);const o={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(o),a=r?.response??null;return s===this._generation&&(this._status=a,this._lastFetch=Date.now()),a}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Ie(e.label()),n=Ie(e.icon),i=Ie(e.color);if(e.icon2){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Ie(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Ie(e.textLabel)}</span>\n      </span>`}else z=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${Ie(i("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Re(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${Ie(i("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ot(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ot(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Re(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ot(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Ie(i("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Ie(i("header.enable_switches"))}" data-text-on="${Ie(i("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Ie(i("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Ie(i("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Oe=_.power;function Re(e){return Oe.unit(e)}function je(e){return(e<0?"-":"")+Oe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}class Je{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._inflight)return this._inflight;if(this._status&&n-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const n={};t&&(n.config_entry_id=t);const o={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(o),a=r?.response??null;return s===this._generation&&(this._status=a,this._lastFetch=Date.now()),a}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Ie(e.label()),n=Ie(e.icon),i=Ie(e.color);if(e.icon2){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Ie(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Ie(e.textLabel)}</span>\n      </span>`}else z=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${Ie(i("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Re(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${Ie(i("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ot(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ot(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Re(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ot(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 35f8755..841f5b2 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight)return this._inflight;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.35)`},{offset:1,color:`rgba(${a}, 0.02)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight)return this._inflight;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this._root.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology,s=i?.circuits;s&&Object.keys(s).length>0?n.expanded[t.view]=t.expanded.filter(e=>e in s):n.expanded[t.view]=t.expanded,n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this._root.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||this._areaSubscribing||(this._areaSubscribing=!0,async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:n("error.areas_failed"),persistent:!1})}))}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e instanceof Error?e.message:String(e),t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(t())return;this._favoritesPanelStats=s.perPanelStats;const f=this._buildFavoritesSummaryHTML()+this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g)+(d?`<div class="favorites-subdevices-section">\n           <div class="sub-devices">${Et(a,this.hass,g)}</div>\n         </div>`:"");try{if("activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,f):this._listCtrl.renderAreaView(e,this.hass,a,g,_,f),await this._listDashCtrl.loadHistory(),t())return;this._listDashCtrl.updateDOM(e),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this._root.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology,s=i?.circuits;s&&Object.keys(s).length>0?n.expanded[t.view]=t.expanded.filter(e=>e in s):n.expanded[t.view]=t.expanded,n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this._root.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||this._areaSubscribing||(this._areaSubscribing=!0,async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:n("error.areas_failed"),persistent:!1})}))}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e instanceof Error?e.message:String(e),t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(!t()){this._favoritesPanelStats=s.perPanelStats;try{if(await this._listDashCtrl.loadHistory(),t())return;const n=this._buildFavoritesSummaryHTML(),i=this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g),o=n+i+(d?`<div class="favorites-subdevices-section">\n             <div class="sub-devices">${Et(a,this.hass,g)}</div>\n           </div>`:"");"activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,o):this._listCtrl.renderAreaView(e,this.hass,a,g,_,o),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.setupResizeObserver(e,e),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/chart/chart-options.ts b/src/chart/chart-options.ts
index 2e72a56..d81a3be 100644
--- a/src/chart/chart-options.ts
+++ b/src/chart/chart-options.ts
@@ -104,8 +104,8 @@ export function buildChartOptions(
           x2: 0,
           y2: 1,
           colorStops: [
-            { offset: 0, color: `rgba(${accentRgb}, 0.35)` },
-            { offset: 1, color: `rgba(${accentRgb}, 0.02)` },
+            { offset: 0, color: `rgba(${accentRgb}, 0.18)` },
+            { offset: 1, color: `rgba(${accentRgb}, 0.18)` },
           ],
         },
       },
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index 0b7ddbc..b51e64e 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -1122,24 +1122,24 @@ export class SpanPanelElement extends LitElement {
     if (superseded()) return;
 
     this._favoritesPanelStats = build.perPanelStats;
-    const summaryHTML = this._buildFavoritesSummaryHTML();
-    const panelStatsHTML = this._buildFavoritesPanelStatsGridHTML(build.perPanelStats, config);
-    const subDevicesHTML = hasSubDevices
-      ? `<div class="favorites-subdevices-section">
-           <div class="sub-devices">${buildSubDevicesHTML(merged, this.hass, config)}</div>
-         </div>`
-      : "";
-    const headerHTML = summaryHTML + panelStatsHTML + subDevicesHTML;
     try {
+      await this._listDashCtrl.loadHistory();
+      if (superseded()) return;
+      const summaryHTML = this._buildFavoritesSummaryHTML();
+      const panelStatsHTML = this._buildFavoritesPanelStatsGridHTML(build.perPanelStats, config);
+      const subDevicesHTML = hasSubDevices
+        ? `<div class="favorites-subdevices-section">
+             <div class="sub-devices">${buildSubDevicesHTML(merged, this.hass, config)}</div>
+           </div>`
+        : "";
+      const headerHTML = summaryHTML + panelStatsHTML + subDevicesHTML;
       if (viewName === "activity") {
         this._listCtrl.renderActivityView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
       } else {
         this._listCtrl.renderAreaView(container, this.hass, merged as FavoritesTopology, config, monitoringStatus, headerHTML);
       }
-      await this._listDashCtrl.loadHistory();
-      if (superseded()) return;
-      this._listDashCtrl.updateDOM(container);
       this._updateFavoritesPanelStats(container, config);
+      this._listDashCtrl.setupResizeObserver(container, container);
       this._listDashCtrl.startIntervals(container, () => {
         this._updateFavoritesPanelStats(container, config);
       });

From 5f1a047b5889b426d20cfbc72daf851490e880c0 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 20:02:30 -0700
Subject: [PATCH 96/97] fix: address Copilot review feedback
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- RetryManager offline short-circuit: add ErrorStore.hasAnyPanelOffline()
  so retries skip correctly under Favorites multi-panel watch (per-entity
  panel-offline keys), not just the legacy single-unnamed key.
- FavoritesCache / MonitoringStatusCache: track inflight generation so
  invalidate() supersedes pending requests; fetch() after invalidate()
  issues a fresh call instead of awaiting a stale in-flight promise.
- header-renderer buildSheddingLegendHTML: escape label / icon / color /
  textLabel via escapeHtml to match the escaping used elsewhere in the
  renderer and guard against stray markup in i18n strings.
- CHANGELOG: correct 'Persisted per device' wording — list-columns
  storage is a single localStorage key, global to the browser.
---
 CHANGELOG.md                  |  5 +++--
 dist/span-panel-card.js       | 10 +++++-----
 dist/span-panel.js            |  6 +++---
 src/core/error-store.ts       | 14 ++++++++++++++
 src/core/favorites-store.ts   | 19 ++++++++++++++-----
 src/core/header-renderer.ts   | 13 +++++++++----
 src/core/monitoring-status.ts | 19 ++++++++++++++-----
 src/core/retry-manager.ts     |  7 +++++--
 tests/favorites-cache.test.ts | 33 +++++++++++++++++++++++++++++++++
 tests/retry-manager.test.ts   | 13 +++++++++++++
 10 files changed, 113 insertions(+), 26 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9bd8820..d2e112e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,8 +6,9 @@
 
 - **Compact expanded list rows** — Expanding a row in By Activity / By Area now shows only the chart. The gear icon and a real toggle-pill (arm-protected by the
   slide-to-confirm) moved onto the always-visible list row so expanding no longer duplicates information above the chart.
-- **Configurable list view columns** — 1 / 2 / 3 column grid for By Activity and By Area, set in Graph Settings → List View Columns. Persisted per device via
-  localStorage. Narrow viewports (< 600px) force single-column regardless. Expanded charts stay in their own column so row-to-chart association stays clear.
+- **Configurable list view columns** — 1 / 2 / 3 column grid for By Activity and By Area, set in Graph Settings → List View Columns. Persisted in localStorage
+  as a browser-wide preference (single key, not scoped per device). Narrow viewports (< 600px) force single-column regardless. Expanded charts stay in their own
+  column so row-to-chart association stays clear.
 - **Favorites per-panel status grid** — The Favorites view now renders a responsive grid of per-contributing-panel status cards (Site / Grid / Upstream /
   Downstream / Solar / Battery) below the slider + W/A row. One card per panel that contributes to the Favorites set; live values update on each tick.
 - **Slide-to-arm in Favorites** — Favorites view header now hosts the slide-confirm control so tappable ON/OFF toggles in list rows can actually fire. The
diff --git a/dist/span-panel-card.js b/dist/span-panel-card.js
index aef73a2..39b2709 100644
--- a/dist/span-panel-card.js
+++ b/dist/span-panel-card.js
@@ -4,12 +4,12 @@ let e="en";const t={en:{"tab.panel":"Panel","tab.by_panel":"By Panel","tab.by_ac
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},O=(e,t)=>!k(e,t),R={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:O};
+const y=globalThis,w=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,x=Symbol(),S=new WeakMap;let C=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==x)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(w&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=S.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&S.set(t,e))}return e}toString(){return this.cssText}};const $=e=>new C("string"==typeof e?e:e+"",void 0,x),E=w?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return $(t)})(e):e,{is:k,defineProperty:z,getOwnPropertyDescriptor:P,getOwnPropertyNames:A,getOwnPropertySymbols:N,getPrototypeOf:M}=Object,L=globalThis,I=L.trustedTypes,D=I?I.emptyScript:"",T=L.reactiveElementPolyfillSupport,H=(e,t)=>e,O={toAttribute(e,t){switch(t){case Boolean:e=e?D:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},F=(e,t)=>!k(e,t),R={attribute:!0,type:String,converter:O,reflect:!1,useDefault:!1,hasChanged:F};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:F).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:F;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),L.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&z(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=P(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(E(e))}else void 0!==e&&t.push(E(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(w)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=y.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:O).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:O;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??F)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[H("elementProperties")]=new Map,j[H("finalized")]=new Map,T?.({ReactiveElement:j}),(L.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -26,7 +26,7 @@ const U=globalThis,q=e=>e,W=U.trustedTypes,B=W?W.createPolicy("lit-html",{create
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:O},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
+const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)},Pe={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:F},Ae=(e=Pe,t,n)=>{const{kind:i,metadata:s}=n;let o=globalThis.litPropertyMetadata.get(s);if(void 0===o&&globalThis.litPropertyMetadata.set(s,o=new Map),"setter"===i&&((e=Object.create(e)).wrapped=!0),o.set(n.name,e),"accessor"===i){const{name:i}=n;return{set(n){const s=t.get.call(this);t.set.call(this,n),this.requestUpdate(i,s,e,!0,n)},init(t){return void 0!==t&&this.C(i,void 0,e,t),t}}}if("setter"===i){const{name:i}=n;return function(n){const s=this[i];t.call(this,n),this.requestUpdate(i,s,e,!0,n)}}throw Error("Unsupported decorator location: "+i)};
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,7 +36,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Fe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Ie(i("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Ie(i("header.enable_switches"))}" data-text-on="${Ie(i("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Ie(i("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Ie(i("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Oe=_.power;function Re(e){return Oe.unit(e)}function je(e){return(e<0?"-":"")+Oe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}class Je{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._inflight)return this._inflight;if(this._status&&n-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const n={};t&&(n.config_entry_id=t);const o={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(o),a=r?.response??null;return s===this._generation&&(this._status=a,this._lastFetch=Date.now()),a}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Ie(e.label()),n=Ie(e.icon),i=Ie(e.color);if(e.icon2){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Ie(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Ie(e.textLabel)}</span>\n      </span>`}else z=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${Ie(i("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Re(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${Ie(i("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ft(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ot(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ft(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ot(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ft(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ot(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Re(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ot(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */function Me(e){return Ne({...e,state:!0,attribute:!1})}const Le={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Ie(e){return String(e).replace(/[&<>"']/g,e=>Le[e]??e)}const De="span_panel_list_columns";function Te(){try{const e=localStorage.getItem(De);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function He(e){try{localStorage.setItem(De,String(e))}catch{}}function Oe(e,t,n={}){const s=Ie(e.device_name||i("header.default_name")),o=Ie(e.serial||""),r=Ie(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==n.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Ie(i("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Ie(i("header.enable_switches"))}" data-text-on="${Ie(i("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Ie(i("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${function(e,t){const n="current"===(t.chart_metric||"power"),s=!!e.panel_entities?.site_power,o=!!e.panel_entities?.dsm_state,r=!!e.panel_entities?.current_power,a=!!e.panel_entities?.feedthrough_power,l=!!e.panel_entities?.pv_power,c=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats">\n      ${s?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${i("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${o?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${i("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${i("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${i("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${i("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${n?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${i("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Ie(i("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        <div class="shedding-legend">\n    ${Object.entries(m).filter(([e])=>"unknown"!==e).map(([,e])=>{const t=Ie(e.icon),n=Ie(e.color),i=Ie(e.label());let s;return s=e.icon2?`<ha-icon icon="${t}" style="color:${n}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${Ie(e.icon2)}" style="color:${n}"></ha-icon>`:e.textLabel?`<ha-icon icon="${t}" style="color:${n}"></ha-icon><span class="shedding-legend-text" style="color:${n}">${Ie(e.textLabel)}</span>`:`<ha-icon icon="${t}" style="color:${n}"></ha-icon>`,`<div class="shedding-legend-item">${s}<span class="shedding-legend-label">${i}</span></div>`}).join("")}\n  </div>\n      </div>\n    </div>\n  `}const Fe=_.power;function Re(e){return Fe.unit(e)}function je(e){return(e<0?"-":"")+Fe.format(e)}function Ue(e){return(Math.abs(e)/1e3).toFixed(1)}function qe(e){return Math.ceil(e/2)}function We(e){return e%2==0?1:0}function Be(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return qe(t)===qe(n)?"row-span":We(t)===We(n)?"col-span":"row-span"}function Ge(e){const t=e.chart_metric??o;return _[t]??_[o]}function Ve(e,t){const n=function(e){return Ge(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}function Qe(e){return new Promise(t=>setTimeout(t,e))}class Ke{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,n,s){if(this._store.hasAnyPanelOffline())try{const t=await e();return this._store.remove(n),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:n,level:"error",message:s??i("error.panel_offline"),persistent:!1}),t}let o;for(let i=0;i<=t;i++)try{const t=await e();return this._store.remove(n),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),i<t){const e=1e3*Math.pow(2,i);await Qe(e)}}throw this._store.add({key:n,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}class Je{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}async fetch(e,t){const n=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._status&&n-this._lastFetch<3e4)return this._status;const s=this._generation,o=(async()=>{try{const n={};t&&(n.config_entry_id=t);const o={type:"call_service",domain:l,service:"get_monitoring_status",service_data:n,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await e.callWS(o),a=r?.response??null;return s===this._generation&&(this._status=a,this._lastFetch=Date.now()),a}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:i("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight?.gen===s&&(this._inflight=null)}})();return this._inflight={gen:s,promise:o},o}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class Xe{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new Je,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function Ze(e,t){return e?.circuits?e.circuits[t]??null:null}function Ye(e){return!!e&&void 0!==e.continuous_threshold_pct}function et(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),Ye(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function tt(e,t,n,s,o,r,a,l,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,f=t.device_type===d||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===c,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",C=Ie(t.name||i("grid.unknown")),$=Ge(a);let E;if("current"===$.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;E=`<strong>${$.format(i)}</strong><span class="power-unit">A</span>`}else E=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const k=h||"unknown";let z="";if("unknown"!==k){const e=m[k]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Ie(e.label()),n=Ie(e.icon),i=Ie(e.color);if(e.icon2){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Ie(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){z=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Ie(e.textLabel)}</span>\n      </span>`}else z=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const P=l&&Ye(l)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Ie(e)}" style="color:${P};"\n    title="${Ie(i("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=l?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${et(0,l,w,f)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${n} / span 2`:`${n}`}; grid-column: ${s};"`}\n         data-uuid="${Ie(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${C}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${E}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${i(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${z}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function nt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const it={names:["power","battery power"],suffixes:["_power"]},st={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},ot={names:["state of energy"],suffixes:["_soe_kwh"]},rt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function at(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function lt(e){return at(e,it)}function ct(e){return at(e,st)}function dt(e){return at(e,ot)}function ht(e){return at(e,rt)}function pt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Ie(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Ie(n)}">${Ie(d)}</span>\n      </div>\n    `}return o}function ut(e,t,n,s,o,r){if(n){const t=[{key:`${u}${e}_soc`,title:i("subdevice.soc"),available:!!o},{key:`${u}${e}_soe`,title:i("subdevice.soe"),available:!!r},{key:`${u}${e}_power`,title:i("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Ie(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Ie(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${u}${Ie(e)}_power"></div>`:""}function gt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function _t(e){const t=a[e];return t?t.ms:a[r].ms}function ft(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function mt(e){return Math.max(500,Math.floor(e/5e3))}function vt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function bt(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function yt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function wt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=ft(i),l=mt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,bt(t,a,l))}}}function xt(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:lt(i)};i.type===h&&(e.soc=ct(i),e.soe=dt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${u}${n}_${i}`,devId:n})}return t}async function St(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=Ve(i,n);if(!t)continue;let o;o=s&&s.has(e)?_t(s.get(e)):gt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of xt(t)){let t;t=o&&o.has(s)?_t(o.get(s)):gt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(yt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(wt(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function Ct(e,t,n,i,s,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,s,r=!1){n||(n=_[o]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],g=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:g<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):g<1&&(f.min=0,f.max=1),s&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*s),u.push({type:"line",data:[[d,.8*s],[c,.8*s]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,s],[c,s]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const m={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:m,series:u}}(n,i,s,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const g=e.clientHeight;u.height=(g>0?g:p)+"px",u.hass=t,u.options=d,u.data=h}function $t(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Et(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&function(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=Ue(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=Ue(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=Ue(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=Ue(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}(o,t,n,i,s)}class kt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new Ke(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const n=Date.now();if(this._fetching)return this._settings;if(this._settings&&n-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const n={};t&&(n.config_entry_id=t);const s={type:"call_service",domain:l,service:"get_graph_settings",service_data:n,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function zt(e,t){if(!e)return r;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??r}function Pt(e,t){if(!e)return r;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??r}class At{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new Je,this.monitoringMultiCache=new Xe,this.graphSettingsCache=new kt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,zt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Pt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:i("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,zt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Pt(i,s))}}async loadHistory(){await St(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??r;if(!a[i]?.useRealtime)continue;const s=Ve(n,this._config);if(!s)continue;const o=this._hass.states[s];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(i),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of xt(this._topology)){const s=this.subDeviceHorizonMap.get(i)??r;if(!a[s]?.useRealtime)continue;const o=this._hass.states[t];if(!o)continue;const l=parseFloat(o.state);if(isNaN(l))continue;const c=_t(s),d=ft(c),h=mt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||vt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)a[n]?.useRealtime||t.set(e,n);const n=new Map;for(const[e,t]of this.subDeviceHorizonMap)a[t]?.useRealtime||n.set(e,t);if(0===t.size&&0===n.size)return;const s=new Set;if(n.size>0&&this._topology)for(const{key:e,devId:t}of xt(this._topology))n.has(t)&&s.add(e);const o=new Map;try{await St(this._hass,this._topology,this._config,o,t,n);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:i("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(function(e,t,n,s,o,r){if(!e||!n||!t)return;const a=gt(s);let l=0;for(const[,e]of Object.entries(n.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==d&&(l+=Math.abs(s))}Et(e,t,n,s,l);const h=Ge(s),p="current"===h.entityRole;for(const[s,l]of Object.entries(n.circuits)){const n=e.querySelector(`.circuit-slot[data-uuid="${$t(s)}"]`);if(!n)continue;const u=l.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,f=l.device_type===d||_<0,v=l.entities?.switch,b=v?t.states[v]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||l.relay_state)===c,w=n.querySelector(".power-value");if(w)if(p){const e=l.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${je(_)}</strong><span class="power-unit">${Re(_)}</span>`;const x=n.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=i(y?"grid.on":"grid.off"))}let S;if(n.classList.toggle("circuit-off",!y),n.classList.toggle("circuit-producer",f),l.always_on)S="always_on";else{const e=l.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const C=m[S]??m.unknown,$=n.querySelector(".shedding-icon");$&&($.setAttribute("icon",C.icon),$.style.color=C.color,$.title=C.label());const E=n.querySelector(".shedding-icon-secondary");E&&(C.icon2?(E.setAttribute("icon",C.icon2),E.style.color=C.color,E.style.display=""):E.style.display="none");const k=n.querySelector(".shedding-label");k&&(C.textLabel?(k.textContent=C.textLabel,k.style.color=C.color,k.style.display=""):k.style.display="none");const z=n.querySelector(".chart-container");if(z){const e=o.get(s)||[],i=n.classList.contains("circuit-col-span")?200:100,c=r?.has(s)?_t(r.get(s)):a,p=l.device_type===d;Ct(z,t,e,c,h,f,i,l.breaker_rating_a??void 0,p)}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=gt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${$t(i)}"]`);if(!n)continue;const l=lt(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${je(i)}</strong> <span class="power-unit">${Re(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=f.power;n.endsWith("_soc")?l=f.soc:n.endsWith("_soe")&&(l=f.soe);const c=!!e.closest(".bess-chart-col");Ct(e,t,a,o?.has(i)?_t(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${$t(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const n=e.target,s=n?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const o=i.dataset.uuid;if(o&&this._topology){const e=this._topology.circuits[o];if(e){const t=this._favRefs?.[o]??null,n=t&&"circuit"===t.kind?t.targetId:o,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??r,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let o;t?o=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),o=this.graphSettingsCache.settings);const l=o?.global_horizon??r,c=o?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:graph_settings",errorMessage:i("error.graph_settings_failed")}):await this._hass.callWS(n);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const n={type:"call_service",domain:l,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new Ke(this._errorStore):null,o=s?await s.callWS(this._hass,n,{errorId:"fetch:monitoring",errorMessage:i("error.monitoring_failed")}):await this._hass.callWS(n),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}function Nt(e=""){const t=e?` value="${Ie(e)}"`:"",n=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Ie(i("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${n}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Mt(e,t,n,s,o,r,a){const l=t.entities?.power,d=l?n.states[l]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?n.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===c,_=t.breaker_rating_a,f=_?`${Math.round(_)}A`:"",b=Ie(t.name||i("grid.unknown")),y=Ge(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,i=e?n.states[e]:null,s=i&&parseFloat(i.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${je(h)}</strong><span class="power-unit">${Re(h)}</span>`;else x="";const S=r||"unknown";let C="";if("unknown"!==S){const e=m[S]??m.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};C=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let $="",E=o?.utilization_pct??null;if(null==E&&t.breaker_rating_a){const e=t.entities?.current,i=e?n.states[e]:null,s=i?Math.abs(parseFloat(i.state)||0):0;E=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=E){$=`<span class="utilization ${E>=100?"utilization-alert":E>=80?"utilization-warning":"utilization-normal"}">${Math.round(E)}%</span>`}const k=!!o&&Ye(o)?v:"#555",z=`<button class="gear-icon circuit-gear"\n  data-uuid="${Ie(e)}" style="color:${k};"\n  title="${Ie(i("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,P=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${i(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Ie(e)}" data-uuid="${Ie(e)}">\n      ${f?`<span class="breaker-badge">${f}</span>`:""}\n      ${$}\n      <span class="list-circuit-name">${b}</span>\n      ${C}\n      ${P}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${z}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Ie(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function Lt(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,l=t.device_type===d||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=et(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===c,l),g=Ie(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function It(e){return`<div class="area-header" data-area="${Ie(e)}" style="grid-column:1 / -1;">${Ie(e)}</div>`}function Dt(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===c;let l;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;l=i?Math.abs(parseFloat(i.state)||0):0}else l=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:l}}function Tt(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function Ht(e,t,n,i){const s=Dt(e,n,i),o=Dt(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function Ot(e,t,n){return e.sort((e,i)=>Ht(e[1],i[1],t,n))}function Ft(e){return e.entities?.current??e.entities?.power??""}class Rt{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=Ot(Object.entries(n.circuits),t,i);let a=o+Nt(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=Ze(s,Ft(n)),r=Tt(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,a+=Mt(e,n,t,i,o,r,l),l&&(a+=Lt(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,n,s,o,r){this._unbindEvents(),this._hass=t,this._topology=n,this._config=s,this._monitoringStatus=o;const a=i("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(n.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+Nt(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=Ot(n,t,s);d+=It(e);for(const[e,n]of i){const i=Ze(o,Ft(n)),r=Tt(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Ie(e)}">`,d+=Mt(e,n,t,s,i,r,a),a&&(d+=Lt(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,n,s){const o=Ge(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=n.circuits[a];if(!l)continue;const{isOn:c,value:d}=Dt(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${je(i)}</strong><span class="power-unit">${Re(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=i(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>Ht(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,n,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=$t(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=Ze(this._monitoringStatus,Ft(t)),o=Lt(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}async function jt(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}class Ut{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}hasAnyPanelOffline(){for(const e of this._persistent.keys())if("panel-offline"===e||e.startsWith("panel-offline:"))return!0;return!1}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[n,o]of this._watchedPanels){const r=e.states[n]?.state,a="on"===r,l=this._offlineKey(n,t),c=this._reconnectKey(n,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?i("error.panel_reconnected"):s("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?i("error.panel_offline"):s("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}function qt(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}function Wt(e){return e?{id:e.id,name:e.name,name_by_user:e.name_by_user,config_entries:e.config_entries,identifiers:e.identifiers,via_device_id:e.via_device_id,sw_version:e.sw_version,model:e.model}:null}const Bt="favorites-changed";async function Gt(e,t,n={}){const i=await e.callWS({type:"call_service",domain:l,service:t,service_data:n,return_response:!0});return i?.response??null}const Vt=Object.keys(m).filter(e=>"unknown"!==e&&"always_on"!==e);class Qt extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.global_defaults"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body";const o=t.graphSettings,l=t.topology,c=o?.global_horizon??r,d=o?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=i("sidepanel.graph_horizon"),h.appendChild(p);const u=document.createElement("div");u.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=i("sidepanel.global_default"),u.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),u.appendChild(f),h.appendChild(u),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.circuit_scales"),e.appendChild(n);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const m=o?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=i("sidepanel.subdevice_scales"),e.appendChild(n);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,s]of o){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");if(r.className="field-label",r.textContent=s.name||n,r.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(r),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(n)??!1);e&&o.appendChild(e)}const l=m[n]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=n;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${n}`,g,()=>{const e={subdevice_id:n,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=i("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:n};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,n,s,o,r,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),r&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=n||{horizon:s,has_override:!1},u=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(a)){const t=document.createElement("option");t.value=e;const n=`horizon.${e}`,s=i(n);t.textContent=s!==n?s:e,e===u&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,g,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=i("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const n={circuit_id:e};o&&(n.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,n=this._createHeader(i("sidepanel.graph_settings"),i("sidepanel.favorites_subtitle"));e.appendChild(n);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??r,s=e.graphSettings?.circuits??{},o=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:r}of o){const o=this._buildPanelModeCircuitRow(n,r,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(o)}return t}_renderCircuitMode(e,t){const n=`${Ie(String(t.breaker_rating_a))}A · ${Ie(String(t.voltage))}V · Tabs [${Ie(String(t.tabs))}]`,i=this._createHeader(Ie(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=i("sidepanel.list_view_columns"),e.appendChild(t);const n=document.createElement("div");n.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=i("sidepanel.columns"),n.appendChild(s);const o=Te(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{He(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return n.appendChild(r),e.appendChild(n),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const n=document.createElement("button");n.type="button",n.className=t?"fav-heart active":"fav-heart",n.dataset.role="fav-heart",n.title=i("sidepanel.save_to_favorites"),n.setAttribute("role","switch"),n.setAttribute("aria-checked",String(t)),n.setAttribute("aria-label",i("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),n.appendChild(s),n.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(n,s,e).catch(()=>{})}),n}async _toggleFavoriteEntity(e,t,n){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Gt(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n):await async function(e,t){const n=await Gt(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Bt)),n?.favorites??{}}(this._hass,n)}catch(n){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",n),this.errorStore?.add({key:"service:favorites",level:"error",message:i("error.favorites_toggle_failed"),persistent:!1}),n}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,n){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Ie(i("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=i("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,n)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Ie(t.name),Ie(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={subdevice_id:t.subDeviceId};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Ie(e),o=Ie(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:i("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const n=document.createElement("div");n.className="section",n.innerHTML=`<div class="section-label">${Ie(i("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=i("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Vt){const t=m[e];if(!t)continue;const n=document.createElement("option");n.value=e,n.textContent=i(`shedding.select.${e}`)||t.label(),e===l&&(n.selected=!0),r.appendChild(n)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:i("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),n.appendChild(s),e.appendChild(n)}_renderGraphHorizonSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=i("sidepanel.graph_horizon"),n.appendChild(s);const o=t.graphHorizonInfo,l=!0===o?.has_override,c=o?.horizon||r,d=o?.globalHorizon||r,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:i("sidepanel.global")}];for(const e of Object.keys(a))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:n}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=n,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const n={circuit_id:t.uuid};t.configEntryId&&(n.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",n).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...n,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:i("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}n.appendChild(h),e.appendChild(n)}_renderMonitoringSection(e,t){const n=document.createElement("div");n.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=i("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),n.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",n.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Ie(i("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Ie(i("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(i("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(i("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(i("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(i("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const n={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(n.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",n).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})});const m=h.querySelectorAll('input[type="radio"]');for(const e of m)e.addEventListener("change",()=>{const n="custom"===e.value&&e.checked;if(p.style.display=n?"block":"none",!n&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})}});e.appendChild(n)}_createThresholdRow(e,t,n,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(n),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,n,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(n),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const u=document.createElement("span");return u.textContent=r,h.appendChild(p),h.appendChild(u),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,g,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),n=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:n?Number(n.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:i("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:l,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Qt)}catch{}let Kt=class extends Ee{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -110,7 +110,7 @@ const ze=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
         <div id="card-content"></div>
       </ha-card>
       <span-side-panel @side-panel-closed=${this._onSidePanelClosed}></span-side-panel>
-    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root);const e=this._root.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this._root,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&(this._areaSubscribing=!0,async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:i("error.areas_failed"),persistent:!1})})),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this._root)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers){if(!Array.isArray(e)||e.length<2)continue;const[t,n]=e;t===l&&"string"==typeof n&&(f=n)}let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this._root)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this._root.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this._root.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Fe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${Ie(i("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this._root.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this._root.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root),this._ctrl.setupResizeObserver(this._root,this._root.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}else if("area"===this._activeTab){e.innerHTML="";const t=Fe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this._root);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this._root)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this._root)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
+    `}updated(e){if(e.has("hass")&&this.hass&&(n(this.hass.language),this._ctrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._config.device_id))if(this._discovered||this._discovering){if(this._discovered){this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root);const e=this._root.querySelector("span-side-panel");e&&(e.hass=this.hass,e.errorStore=this._errorStore)}this._discovered&&"panel"!==this._activeTab&&this._topology&&this._listCtrl.updateCollapsedRows(this._root,this.hass,this._topology,this._config)}else this._startDiscovery()}async _startDiscovery(){this._discovering||(this._discovering=!0,await this._discoverTopology(),this._errorStore.hasPersistent("discovery-failed")?this._discovering=!1:(this._discovered=!0,this._discovering=!1,this._ctrl.init(this._topology,this._config,this.hass,this._configEntryId),this._topology?.panel_entities?.panel_status&&(this._errorStore.watchPanelStatus(this._topology.panel_entities.panel_status),this._errorStore.updateHass(this.hass)),this._topology&&(this._areaSubscribing=!0,async function(e,t,n,s){if(!e.connection)return()=>{};const o=async()=>{try{const i=new Map;for(const[e,n]of Object.entries(t.circuits))i.set(e,n.area);await jt(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==i.get(e))return void n()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:i("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,this._topology,()=>{"area"===this._activeTab&&this._discovered&&this._populateCardContent()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:i("error.areas_failed"),persistent:!1})})),await this.updateComplete,this._populateCardContent(),this._loadHistory(),this._ctrl.monitoringCache.fetch(this.hass,this._configEntryId).then(()=>{this._discovered&&this._ctrl.updateDOM(this._root)})))}async _discoverTopology(){if(!this.hass)return;const e=new Ke(this._errorStore);try{const t=await async function(e,t,n){if(!t)throw new Error(i("card.device_not_found"));const s={type:`${l}/panel_topology`,device_id:t},o=n?await n.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??qt(o.circuits);if(!r)throw new Error(i("card.topology_error"));const a={type:"config/device_registry/list"},c=Wt((n?await n.callWS(e,a,{errorId:"fetch:topology"}):await e.callWS(a)).find(e=>e.id===t));return await jt(e,o),{topology:o,panelDevice:c,panelSize:r}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(t){console.error("SPAN Panel: topology fetch failed, falling back to entity discovery",t);try{const t=await async function(e,t,n){const s={type:"config/device_registry/list"},o={type:"config/entity_registry/list"},[r,a]=await Promise.all([n?n.callWS(e,s,{errorId:"fetch:topology"}):e.callWS(s),n?n.callWS(e,o,{errorId:"fetch:topology"}):e.callWS(o)]),c=Wt(r.find(e=>e.id===t));if(!c)return{topology:null,panelDevice:null,panelSize:0};const d=a.filter(e=>e.device_id===t),h=r.filter(e=>e.via_device_id===t),p=new Set(h.map(e=>e.id)),u=a.filter(e=>void 0!==e.device_id&&p.has(e.device_id)),g={},_=c.name_by_user??c.name??"";for(const t of[...d,...u]){const n=e.states[t.entity_id];if(!n)continue;const i=n.attributes,s=i.tabs;if("string"!=typeof s||!s.startsWith("tabs ["))continue;const o=s.slice(6,-1);let r;if(r=o.includes(":")?o.split(":").map(Number):[Number(o)],!r.every(Number.isFinite))continue;const a=t.unique_id.split("_");let l=null;for(let e=2;e<a.length-1;e++){const t=a[e];if(void 0!==t&&t.length>=16&&/^[a-f0-9]+$/i.test(t)){l=t;break}}if(!l)continue;let c=("string"==typeof i.friendly_name?i.friendly_name:void 0)??t.entity_id;for(const e of[" Power"," Consumed Energy"," Produced Energy"])if(c.endsWith(e)){c=c.slice(0,-e.length);break}_&&c.startsWith(_+" ")&&(c=c.slice(_.length+1));const d=t.entity_id.replace(/^sensor\./,"").replace(/_power$/,""),h="number"==typeof i.voltage?i.voltage:2===r.length?240:120,p={power:t.entity_id,switch:`switch.${d}_breaker`,breaker_rating:`sensor.${d}_breaker_rating`};g[l]={tabs:r,name:c,voltage:h,device_type:"string"==typeof i.device_type?i.device_type:"circuit",relay_state:"string"==typeof i.relay_state?i.relay_state:"UNKNOWN",is_user_controllable:!0,breaker_rating_a:null,entities:p}}let f="";if(c.identifiers)for(const e of c.identifiers){if(!Array.isArray(e)||e.length<2)continue;const[t,n]=e;t===l&&"string"==typeof n&&(f=n)}let m=0;for(const t of d){const n=e.states[t.entity_id];if(n&&"number"==typeof n.attributes.panel_size){m=n.attributes.panel_size;break}}if(m||(m=qt(g)),!m)throw new Error(i("card.panel_size_error"));const v={};for(const t of h){const n=a.filter(e=>e.device_id===t.id),i=(t.model??"").toLowerCase(),s=i.includes("battery")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("bess")),o=i.includes("drive")||(t.identifiers??[]).some(e=>e[1].toLowerCase().includes("evse")),r={};for(const t of n){const n=t.entity_id.split(".")[0],i=e.states[t.entity_id],s=i?.attributes?.friendly_name;r[t.entity_id]={domain:n??"",original_name:"string"==typeof s?s:t.entity_id}}v[t.id]={name:t.name_by_user??t.name??"",type:s?"bess":o?"evse":"unknown",entities:r}}const b={serial:f,firmware:c.sw_version??"",panel_size:m,device_id:t,device_name:c.name_by_user??c.name??i("header.default_name"),circuits:g,sub_devices:v};return await jt(e,b),{topology:b,panelDevice:c,panelSize:m}}(this.hass,this._config.device_id,e);this._topology=t.topology,this._panelDevice=t.panelDevice,this._panelSize=t.panelSize}catch(e){console.error("SPAN Panel: fallback discovery also failed",e),this._errorStore.add({key:"discovery-failed",level:"error",message:i("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._startDiscovery()}})}}}async _loadHistory(){if(!this._historyLoaded&&this._topology&&this.hass){this._historyLoaded=!0,await this._ctrl.fetchAndBuildHorizonMaps();try{await this._ctrl.loadHistory(),this._ctrl.updateDOM(this._root)}catch(e){console.warn("SPAN Panel: history fetch failed, charts will populate live",e)}}}_populateCardContent(){const e=this._root.querySelector("#card-content");if(!(e&&this.hass&&this._topology&&this._panelSize))return;const t=this._root.querySelector("#card-tabs");if(t){const e=[{id:"panel",label:i("tab.by_panel"),icon:"mdi:view-dashboard"},{id:"activity",label:i("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:i("tab.by_area"),icon:"mdi:home-group"}];t.innerHTML=(n=e,s=this._activeTab,o=this._config.tab_style??"text",`<div class="shared-tab-bar">${n.map(e=>{const t=e.id===s?" active":"",n=Ie(e.id);return"icon"===o?`<button class="shared-tab${t}" data-tab="${n}" title="${Ie(e.label)}"><ha-icon icon="${Ie(e.icon)}" style="--mdc-icon-size:20px;"></ha-icon></button>`:`<button class="shared-tab${t}" data-tab="${n}">${Ie(e.label)}</button>`}).join("")}</div>`),this._tabBarCleanup&&(this._tabBarCleanup(),this._tabBarCleanup=null),this._tabBarCleanup=function(e,t){const n=e=>{const n=e.target.closest(".shared-tab");if(n){const e=n.dataset.tab;e&&t(e)}};return e.addEventListener("click",n),()=>{e.removeEventListener("click",n)}}(t,e=>{["panel","activity","area"].includes(e)&&(this._activeTab=e,this._listCtrl.stop(),this._populateCardContent())})}var n,s,o;if("panel"===this._activeTab){const t=Math.ceil(this._panelSize/2),n=Oe(this._topology,this._config),s=this._ctrl.monitoringCache.status,o=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),n=Object.values(e.mains??{}),s=[...t,...n],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${i("status.monitoring")} &middot; ${t.length} ${i("status.circuits")} &middot; ${n.length} ${i("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${i(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${i(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${i(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(s),r=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":Be(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=qe(Math.max(...n));0===We(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?Ze(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=tt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=nt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=tt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=nt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=tt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(this._topology,t,this.hass,this._config,s),a=function(e,t,n){const s=!1!==n.show_battery,o=!1!==n.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===h&&!s||e.type===p&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===p).length;let l=0,c="";for(const[e,s]of r){const o=s.type===p?i("subdevice.ev_charger"):s.type===h?i("subdevice.battery"):i("subdevice.fallback"),r=lt(s),d=r?t.states[r]:void 0,u=d&&parseFloat(d.state)||0,g=s.type===h,_=s.type===p,f=g?ct(s):null,m=g?dt(s):null,v=g?ht(s):null,b=pt(s,t,n,new Set([r,f,m,v].filter(e=>null!==e))),y=ut(e,0,g,r,f,m);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Ie(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Ie(o)}</span>\n          <span class="sub-device-name">${Ie(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${je(u)}</strong> <span class="power-unit">${Re(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Ie(e)}" style="color:#555;" title="${Ie(i("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}(this._topology,this.hass,this._config);e.innerHTML=`\n        ${n}\n        ${o}\n        ${a?`<div class="sub-devices">${a}</div>`:""}\n        ${!1!==this._config.show_panel?`<div class="panel-grid" style="grid-template-rows: repeat(${t}, auto);">${r}</div>`:""}\n      `;const l=e.querySelector(".slide-confirm");if(l){const e=this._root.querySelector("ha-card");this._ctrl.bindSlideConfirm(l,e),e&&e.classList.add("switches-disabled")}const c=this._root.querySelector("span-side-panel");c&&(c.hass=this.hass,c.errorStore=this._errorStore),this._ctrl.recordSamples(),this._ctrl.updateDOM(this._root),this._ctrl.setupResizeObserver(this._root,this._root.querySelector("ha-card"))}else if("activity"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderActivityView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}else if("area"===this._activeTab){e.innerHTML="";const t=Oe(this._topology,this._config);this._listCtrl.setColumns(Te()),this._listCtrl.renderAreaView(e,this.hass,this._topology,this._config,this._ctrl.monitoringCache.status,t),this._ctrl.updateDOM(this._root)}}_onCardClick(e){if("panel"!==this._activeTab)return;const t=e.target;if(!t)return;const n=t.closest(".unit-btn");if(n)return void this._onUnitToggle(n);if(t.closest(".toggle-pill"))return void this._ctrl.onToggleClick(e,this._root);t.closest(".gear-icon")&&this._ctrl.onGearClick(e,this._root)}async _onUnitToggle(e){const t=e.dataset.unit;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}async _onListUnitChanged(e){const t=e.detail;t&&t!==(this._config.chart_metric??"power")&&(this._config={...this._config,chart_metric:t},this._ctrl.setConfig(this._config),this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:this._config},bubbles:!0,composed:!0})),this._ctrl.powerHistory.clear(),this._historyLoaded=!1,this._populateCardContent(),await this._loadHistory(),this._ctrl.updateDOM(this._root))}_onGraphSettingsChanged(){this._ctrl.onGraphSettingsChanged(this._root)}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||"activity"!==this._activeTab&&"area"!==this._activeTab||this._populateCardContent()}_onSidePanelClosed(){this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()}_renderPreview(){const e=Jt.map(e=>le`
         <div style="background:var(--card-background-color,#1c1c1c);border:1px solid var(--divider-color,#333);border-radius:8px;padding:8px;">
           <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
             <span style="font-size:0.7em;color:var(--primary-text-color);">${e.name}</span>
diff --git a/dist/span-panel.js b/dist/span-panel.js
index 841f5b2..c4ff10a 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -46,13 +46,13 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function je(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasPersistent("panel-offline"))try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null,this._generation=0}async fetch(e){const t=Date.now();if(this._inflight)return this._inflight;if(this._map&&t-this._lastFetch<3e4)return this._map;const i=this._generation;return this._inflight=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},s=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t),o=s?.response?.favorites??{};return i===this._generation&&(this._map=o,this._lastFetch=Date.now()),o}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}clear(){this._map=null,this._lastFetch=0,this._generation++}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=je(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Pe{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}hasAnyPanelOffline(){for(const e of this._persistent.keys())if("panel-offline"===e||e.startsWith("panel-offline:"))return!0;return!1}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function je(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasAnyPanelOffline())try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null,this._generation=0}async fetch(e){const t=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._map&&t-this._lastFetch<3e4)return this._map;const i=this._generation,s=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},s=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t),o=s?.response?.favorites??{};return i===this._generation&&(this._map=o,this._lastFetch=Date.now()),o}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight?.gen===i&&(this._inflight=null)}})();return this._inflight={gen:i,promise:s},s}invalidate(){this._lastFetch=0,this._generation++}clear(){this._map=null,this._lastFetch=0,this._generation++}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=je(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Pe{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
           ${e.retryFn?le`<button class="retry-btn" type="button" @click=${()=>e.retryFn()}>${n("error.retry")}</button>`:de}
         </div>
-      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{let t;return t=e.icon2?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${e.icon2}" style="color:${e.color}"></ha-icon>`:e.textLabel?`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon><span class="shedding-legend-text" style="color:${e.color}">${e.textLabel}</span>`:`<ha-icon icon="${e.icon}" style="color:${e.color}"></ha-icon>`,`<div class="shedding-legend-item">${t}<span class="shedding-legend-label">${e.label()}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Oe(n("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Oe(n("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
+      `)}`}_iconForLevel(e){switch(e){case"error":return"mdi:alert-circle";case"warning":return"mdi:alert";default:return"mdi:information"}}};async function Ze(e,t){const[n,i,s]=await Promise.all([e.callWS({type:"config/area_registry/list"}),e.callWS({type:"config/entity_registry/list"}),e.callWS({type:"config/device_registry/list"})]),o=new Map;for(const e of n)o.set(e.area_id,e.name);const r=new Map;for(const e of i)e.area_id&&r.set(e.entity_id,e.area_id);const a=new Map;for(const e of s)a.set(e.id,e.area_id);let l;if(t.device_id){const e=a.get(t.device_id);e&&(l=o.get(e))}for(const e of Object.values(t.circuits)){let t;for(const n of Object.values(e.entities)){if(!n)continue;const e=r.get(n);if(e){t=o.get(e);break}}t||(t=l),e.area=t}}async function Ye(e,t,i){if(!t)throw new Error(n("card.device_not_found"));const s={type:`${a}/panel_topology`,device_id:t},o=i?await i.callWS(e,s,{errorId:"fetch:topology"}):await e.callWS(s),r=o.panel_size??function(e){let t=0;for(const n of Object.values(e))if(n)for(const e of n.tabs)e>t&&(t=e);return t>0?t+t%2:0}(o.circuits);if(!r)throw new Error(n("card.topology_error"));const l={type:"config/device_registry/list"},c=i?await i.callWS(e,l,{errorId:"fetch:topology"}):await e.callWS(l),d=(h=c.find(e=>e.id===t),h?{id:h.id,name:h.name,name_by_user:h.name_by_user,config_entries:h.config_entries,identifiers:h.identifiers,via_device_id:h.via_device_id,sw_version:h.sw_version,model:h.model}:null);var h;return await Ze(e,o),{topology:o,panelDevice:d,panelSize:r}}function et(){return`<div class="shedding-legend">\n    ${Object.entries(f).filter(([e])=>"unknown"!==e).map(([,e])=>{const t=Oe(e.icon),n=Oe(e.color),i=Oe(e.label());let s;if(e.icon2){s=`<ha-icon icon="${t}" style="color:${n}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${Oe(e.icon2)}" style="color:${n}"></ha-icon>`}else if(e.textLabel){s=`<ha-icon icon="${t}" style="color:${n}"></ha-icon><span class="shedding-legend-text" style="color:${n}">${Oe(e.textLabel)}</span>`}else s=`<ha-icon icon="${t}" style="color:${n}"></ha-icon>`;return`<div class="shedding-legend-item">${s}<span class="shedding-legend-label">${i}</span></div>`}).join("")}\n  </div>`}function tt(e,t,i){const s="current"===(t.chart_metric||"power"),o=!!e.panel_entities?.site_power,r=!!e.panel_entities?.dsm_state,a=!!e.panel_entities?.current_power,l=!!e.panel_entities?.feedthrough_power,c=!!e.panel_entities?.pv_power,d=!!e.panel_entities?.battery_level;return`\n    <div class="panel-stats"${i?` data-stats-panel-id="${Oe(i)}"`:""}>\n      ${o?`\n      <div class="stat stat-consumption">\n        <span class="stat-label">${n("header.site")}</span>\n        <div class="stat-row">\n          <span class="stat-value">0</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${r?`\n      <div class="stat stat-grid-state">\n        <span class="stat-label">${n("header.grid")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n        </div>\n      </div>`:""}\n      ${a?`\n      <div class="stat stat-upstream">\n        <span class="stat-label">${n("header.upstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${l?`\n      <div class="stat stat-downstream">\n        <span class="stat-label">${n("header.downstream")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${c?`\n      <div class="stat stat-solar">\n        <span class="stat-label">${n("header.solar")}</span>\n        <div class="stat-row">\n          <span class="stat-value">--</span>\n          <span class="stat-unit">${s?"A":"kW"}</span>\n        </div>\n      </div>`:""}\n      ${d?`\n      <div class="stat stat-battery">\n        <span class="stat-label">${n("header.battery")}</span>\n        <div class="stat-row">\n          <span class="stat-value">&mdash;</span>\n          <span class="stat-unit">%</span>\n        </div>\n      </div>`:""}\n    </div>\n  `}function nt(e,t,i={}){const s=Oe(e.device_name||n("header.default_name")),o=Oe(e.serial||""),r=Oe(e.firmware||""),a="current"===(t.chart_metric||"power"),l=!1!==i.showSwitches;return`\n    <div class="panel-header">\n      <div class="header-left">\n        <div class="panel-identity">\n          <h1 class="panel-title">${s}</h1>\n          <span class="panel-serial">${o}</span>\n          <button class="gear-icon panel-gear" title="${Oe(n("header.graph_settings"))}">\n            <ha-icon icon="mdi:cog"></ha-icon>\n          </button>\n          ${l?`<div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n            <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n            <div class="slide-confirm-knob">\n              <ha-icon icon="mdi:lock"></ha-icon>\n            </div>\n          </div>`:""}\n        </div>\n        ${tt(e,t)}\n      </div>\n      <div class="header-right">\n        <div class="header-right-top">\n          <span class="meta-item">${r}</span>\n          <div class="unit-toggle" title="${Oe(n("header.toggle_units"))}">\n            <button class="unit-btn ${a?"":"unit-active"}" data-unit="power">W</button>\n            <button class="unit-btn ${a?"unit-active":""}" data-unit="current">A</button>\n          </div>\n        </div>\n        ${et()}\n      </div>\n    </div>\n  `}Xe.styles=C`
     :host {
       display: block;
     }
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight)return this._inflight;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation;return this._inflight=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight=null}})(),this._inflight}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation,o=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight?.gen===s&&(this._inflight=null)}})();return this._inflight={gen:s,promise:o},o}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
diff --git a/src/core/error-store.ts b/src/core/error-store.ts
index 6b92d41..41bafe2 100644
--- a/src/core/error-store.ts
+++ b/src/core/error-store.ts
@@ -129,6 +129,20 @@ export class ErrorStore {
     return this._persistent.has(key);
   }
 
+  /**
+   * True when any watched panel is currently marked offline. Covers both
+   * the legacy single-unnamed key (``panel-offline``) used by per-panel
+   * views and the per-entity keys (``panel-offline:<entityId>``) used by
+   * the Favorites multi-panel watch. ``RetryManager`` uses this to
+   * short-circuit retries without needing to know the naming mode.
+   */
+  hasAnyPanelOffline(): boolean {
+    for (const key of this._persistent.keys()) {
+      if (key === "panel-offline" || key.startsWith("panel-offline:")) return true;
+    }
+    return false;
+  }
+
   /**
    * Subscribe to state changes. The callback is called after every `add`,
    * `remove`, `clear`, or transient auto-dismiss. Returns an unsubscribe fn.
diff --git a/src/core/favorites-store.ts b/src/core/favorites-store.ts
index cf6c9aa..3d5bcda 100644
--- a/src/core/favorites-store.ts
+++ b/src/core/favorites-store.ts
@@ -83,7 +83,7 @@ export async function removeFavorite(hass: HomeAssistant, entityId: string): Pro
 export class FavoritesCache {
   private _map: FavoritesMap | null;
   private _lastFetch: number;
-  private _inflight: Promise<FavoritesMap> | null;
+  private _inflight: { gen: number; promise: Promise<FavoritesMap> } | null;
   private _generation: number;
   private _errorStore: ErrorStore | null = null;
   private _retry: RetryManager | null = null;
@@ -106,13 +106,16 @@ export class FavoritesCache {
 
   async fetch(hass: HomeAssistant): Promise<FavoritesMap> {
     const now = Date.now();
-    if (this._inflight) return this._inflight;
+    // Only dedupe onto an in-flight request from the current generation.
+    // Requests predating the last invalidate() must not be reused, or
+    // the caller would await a stale promise whose result is dropped.
+    if (this._inflight && this._inflight.gen === this._generation) return this._inflight.promise;
     if (this._map && now - this._lastFetch < FAVORITES_POLL_INTERVAL_MS) {
       return this._map;
     }
 
     const requestGen = this._generation;
-    this._inflight = (async () => {
+    const promise = (async (): Promise<FavoritesMap> => {
       try {
         const msg = {
           type: "call_service",
@@ -145,10 +148,16 @@ export class FavoritesCache {
         }
         return this._map ?? {};
       } finally {
-        this._inflight = null;
+        // Only clear the slot if it still points at this request; a
+        // later fetch() that ran after invalidate() may have replaced
+        // it with a newer in-flight promise we must not clobber.
+        if (this._inflight?.gen === requestGen) {
+          this._inflight = null;
+        }
       }
     })();
-    return this._inflight;
+    this._inflight = { gen: requestGen, promise };
+    return promise;
   }
 
   invalidate(): void {
diff --git a/src/core/header-renderer.ts b/src/core/header-renderer.ts
index 10caa55..43c3286 100644
--- a/src/core/header-renderer.ts
+++ b/src/core/header-renderer.ts
@@ -26,15 +26,20 @@ export function buildSheddingLegendHTML(): string {
     ${Object.entries(SHEDDING_PRIORITIES)
       .filter(([key]: [string, SheddingPriorityDef]) => key !== "unknown")
       .map(([, cfg]: [string, SheddingPriorityDef]) => {
+        const icon = escapeHtml(cfg.icon);
+        const color = escapeHtml(cfg.color);
+        const label = escapeHtml(cfg.label());
         let icons: string;
         if (cfg.icon2) {
-          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${cfg.icon2}" style="color:${cfg.color}"></ha-icon>`;
+          const icon2 = escapeHtml(cfg.icon2);
+          icons = `<ha-icon icon="${icon}" style="color:${color}"></ha-icon><ha-icon class="shedding-legend-secondary" icon="${icon2}" style="color:${color}"></ha-icon>`;
         } else if (cfg.textLabel) {
-          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon><span class="shedding-legend-text" style="color:${cfg.color}">${cfg.textLabel}</span>`;
+          const textLabel = escapeHtml(cfg.textLabel);
+          icons = `<ha-icon icon="${icon}" style="color:${color}"></ha-icon><span class="shedding-legend-text" style="color:${color}">${textLabel}</span>`;
         } else {
-          icons = `<ha-icon icon="${cfg.icon}" style="color:${cfg.color}"></ha-icon>`;
+          icons = `<ha-icon icon="${icon}" style="color:${color}"></ha-icon>`;
         }
-        return `<div class="shedding-legend-item">${icons}<span class="shedding-legend-label">${cfg.label()}</span></div>`;
+        return `<div class="shedding-legend-item">${icons}<span class="shedding-legend-label">${label}</span></div>`;
       })
       .join("")}
   </div>`;
diff --git a/src/core/monitoring-status.ts b/src/core/monitoring-status.ts
index 575a991..b040105 100644
--- a/src/core/monitoring-status.ts
+++ b/src/core/monitoring-status.ts
@@ -17,7 +17,7 @@ interface CallServiceResponse {
 export class MonitoringStatusCache {
   private _status: MonitoringStatus | null = null;
   private _lastFetch: number = 0;
-  private _inflight: Promise<MonitoringStatus | null> | null = null;
+  private _inflight: { gen: number; promise: Promise<MonitoringStatus | null> } | null = null;
   private _generation: number = 0;
   private _errorStore: ErrorStore | null = null;
   private _retry: RetryManager | null = null;
@@ -41,13 +41,16 @@ export class MonitoringStatusCache {
    */
   async fetch(hass: HomeAssistant, configEntryId?: string | null): Promise<MonitoringStatus | null> {
     const now = Date.now();
-    if (this._inflight) return this._inflight;
+    // Only dedupe onto an in-flight request from the current generation.
+    // Requests predating the last invalidate() must not be reused, or the
+    // caller would await a stale promise whose result is silently dropped.
+    if (this._inflight && this._inflight.gen === this._generation) return this._inflight.promise;
     if (this._status && now - this._lastFetch < MONITORING_POLL_INTERVAL_MS) {
       return this._status;
     }
 
     const requestGen = this._generation;
-    this._inflight = (async () => {
+    const promise = (async (): Promise<MonitoringStatus | null> => {
       try {
         const serviceData: Record<string, string> = {};
         if (configEntryId) serviceData.config_entry_id = configEntryId;
@@ -85,10 +88,16 @@ export class MonitoringStatusCache {
         }
         return null;
       } finally {
-        this._inflight = null;
+        // Only clear the slot if it still points at this request; a
+        // later fetch() that ran after invalidate() may have replaced
+        // it with a newer in-flight promise we must not clobber.
+        if (this._inflight?.gen === requestGen) {
+          this._inflight = null;
+        }
       }
     })();
-    return this._inflight;
+    this._inflight = { gen: requestGen, promise };
+    return promise;
   }
 
   /** Force the next fetch() call to re-query the backend. */
diff --git a/src/core/retry-manager.ts b/src/core/retry-manager.ts
index ef44490..3b417cd 100644
--- a/src/core/retry-manager.ts
+++ b/src/core/retry-manager.ts
@@ -38,8 +38,11 @@ export class RetryManager {
   }
 
   private async _withRetry<T>(fn: () => Promise<T>, maxRetries: number, errorId: string, errorMessage?: string): Promise<T> {
-    // Short-circuit if panel is offline — single attempt, no retries
-    if (this._store.hasPersistent("panel-offline")) {
+    // Short-circuit if any watched panel is offline — single attempt,
+    // no retries. Uses ``hasAnyPanelOffline`` so it covers both the
+    // legacy single-unnamed key and the per-entity keys used by the
+    // Favorites multi-panel watch.
+    if (this._store.hasAnyPanelOffline()) {
       try {
         const result = await fn();
         this._store.remove(errorId);
diff --git a/tests/favorites-cache.test.ts b/tests/favorites-cache.test.ts
index 67416a9..9ed2747 100644
--- a/tests/favorites-cache.test.ts
+++ b/tests/favorites-cache.test.ts
@@ -58,6 +58,39 @@ describe("FavoritesCache", () => {
     expect(second).toEqual({ panelA: { circuits: ["c1"], sub_devices: [] } });
   });
 
+  it("fetch() after invalidate() issues a fresh request even while an earlier fetch is pending", async () => {
+    // Resolve manually so we can control the ordering: pre-toggle response
+    // stays pending until we release it.
+    let resolveFirst!: (resp: { response: { favorites: Record<string, { circuits: string[]; sub_devices: string[] }> } }) => void;
+    const firstPromise = new Promise<{ response: { favorites: Record<string, { circuits: string[]; sub_devices: string[] }> } }>(resolve => {
+      resolveFirst = resolve;
+    });
+    const secondResponse = { response: { favorites: { panelA: { circuits: ["c1", "c2"], sub_devices: [] } } } };
+
+    let i = 0;
+    const callWS = vi.fn(async () => {
+      const idx = i;
+      i += 1;
+      return idx === 0 ? firstPromise : secondResponse;
+    });
+    const hass = { states: {}, services: {}, language: "en", callWS } as unknown as HomeAssistant;
+
+    const first = cache.fetch(hass);
+    cache.invalidate();
+
+    // Second fetch arrives while first is still in flight but after
+    // invalidate(). It must not dedupe onto the stale request; it must
+    // issue a new backend call and return the post-invalidate data.
+    const second = cache.fetch(hass);
+    expect(callWS).toHaveBeenCalledTimes(2);
+
+    resolveFirst({ response: { favorites: { panelA: { circuits: ["c1"], sub_devices: [] } } } });
+
+    const [firstResult, secondResult] = await Promise.all([first, second]);
+    expect(firstResult).toEqual({ panelA: { circuits: ["c1"], sub_devices: [] } });
+    expect(secondResult).toEqual({ panelA: { circuits: ["c1", "c2"], sub_devices: [] } });
+  });
+
   it("clear() drops the cached map and bumps generation", async () => {
     const { hass } = makeHass([{ panelA: { circuits: ["c1"], sub_devices: [] } }, { panelA: { circuits: [], sub_devices: [] } }]);
     await cache.fetch(hass);
diff --git a/tests/retry-manager.test.ts b/tests/retry-manager.test.ts
index d0a742c..bfdd025 100644
--- a/tests/retry-manager.test.ts
+++ b/tests/retry-manager.test.ts
@@ -225,4 +225,17 @@ describe("RetryManager — panel offline short-circuit", () => {
     // No transient error should be added since fn() succeeded
     expect(store.active.filter(e => !e.persistent)).toHaveLength(0);
   });
+
+  it("short-circuits on per-entity panel-offline keys (Favorites multi-panel watch)", async () => {
+    const hass = makeHass();
+    // Simulate the Favorites-mode watch: per-entity key, not the legacy unnamed key.
+    store.add({ key: "panel-offline:binary_sensor.span_panel_2_panel_on", level: "error", message: "Panel 2 unreachable", persistent: true });
+
+    vi.mocked(hass.callWS).mockRejectedValueOnce(new Error("offline"));
+
+    await expect(manager.callWS(hass, { type: "span/get_panel" }, { errorId: "test-offline-ws-named" })).rejects.toThrow("offline");
+
+    // Only 1 attempt — no retries, despite the key being per-entity rather than the legacy name.
+    expect(hass.callWS).toHaveBeenCalledTimes(1);
+  });
 });

From 4108f85a50cf8cb827a5656b539a877e1c2f0a47 Mon Sep 17 00:00:00 2001
From: cayossarian <23534755+cayossarian@users.noreply.github.com>
Date: Thu, 16 Apr 2026 20:13:27 -0700
Subject: [PATCH 97/97] fix(panel): drop redundant summary header from
 Favorites Monitoring view

The real panel Monitoring tab is rendered as a pure configuration view
with no panel-stats header (gear icon, slide-to-enable, shedding legend,
W/A toggle). The Favorites pseudo-panel's Monitoring view was inserting
that same summary strip on top of its per-panel MonitoringTab stack,
which doesn't match real panels and clutters a screen that is entirely
threshold / notification config.

Remove the insertAdjacentHTML call so the Favorites Monitoring view
renders just the per-panel headings and MonitoringTab bodies, matching
the real-panel behavior in `_renderTab` case "monitoring".
---
 dist/span-panel.js      | 12 ++++++------
 src/panel/span-panel.ts |  6 ++++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/dist/span-panel.js b/dist/span-panel.js
index c4ff10a..c5e5b8b 100644
--- a/dist/span-panel.js
+++ b/dist/span-panel.js
@@ -9,18 +9,18 @@ const b=globalThis,y=b.ShadowRoot&&(void 0===b.ShadyCSS||b.ShadyCSS.nativeShadow
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let j=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(P(e))}else void 0!==e&&t.push(P(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};j.elementStyles=[],j.shadowRootOptions={mode:"open"},j[L("elementProperties")]=new Map,j[L("finalized")]=new Map,F?.({ReactiveElement:j}),(I.reactiveElementVersions??=[]).push("2.1.2");
+ */Symbol.metadata??=Symbol("metadata"),I.litPropertyMetadata??=new WeakMap;let q=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=R){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(e,n,t);void 0!==i&&E(this.prototype,e,i)}}static getPropertyDescriptor(e,t,n){const{get:i,set:s}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const o=i?.call(this);s?.call(this,t),this.requestUpdate(e,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??R}static _$Ei(){if(this.hasOwnProperty(L("elementProperties")))return;const e=M(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(L("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(L("properties"))){const e=this.properties,t=[...A(e),...N(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(P(e))}else void 0!==e&&t.push(P(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(y)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=b.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){const n=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,n);if(void 0!==i&&!0===n.reflect){const s=(void 0!==n.converter?.toAttribute?n.converter:H).toAttribute(t,n.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const n=this.constructor,i=n._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=n.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:H;this._$Em=i;const o=s.fromAttribute(t,e.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(e,t,n,i=!1,s){if(void 0!==e){const o=this.constructor;if(!1===i&&(s=this[e]),n??=o.getPropertyOptions(e),!((n.hasChanged??O)(s,t)||n.useDefault&&n.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(o._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:i,wrapped:s},o){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,o??t??this[e]),!0!==s||void 0!==o)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e){const{wrapped:e}=n,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,n,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[L("elementProperties")]=new Map,q[L("finalized")]=new Map,F?.({ReactiveElement:q}),(I.reactiveElementVersions??=[]).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const q=globalThis,U=e=>e,W=q.trustedTypes,G=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+B,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+B+h):n+B+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(B),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(B)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(B),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(B,e+1));)a.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class ve{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ve(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const $e=q.litHtmlPolyfillSupport;$e?.(_e,me),(q.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
+const j=globalThis,U=e=>e,W=j.trustedTypes,G=W?W.createPolicy("lit-html",{createHTML:e=>e}):void 0,V="$lit$",B=`lit$${Math.random().toFixed(9).slice(2)}$`,Q="?"+B,K=`<${Q}>`,J=document,X=()=>J.createComment(""),Z=e=>null===e||"object"!=typeof e&&"function"!=typeof e,Y=Array.isArray,ee="[ \t\n\f\r]",te=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ne=/-->/g,ie=/>/g,se=RegExp(`>|${ee}(?:([^\\s"'>=/]+)(${ee}*=${ee}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oe=/'/g,re=/"/g,ae=/^(?:script|style|textarea|title)$/i,le=(e=>(t,...n)=>({_$litType$:e,strings:t,values:n}))(1),ce=Symbol.for("lit-noChange"),de=Symbol.for("lit-nothing"),he=new WeakMap,pe=J.createTreeWalker(J,129);function ue(e,t){if(!Y(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==G?G.createHTML(t):t}const ge=(e,t)=>{const n=e.length-1,i=[];let s,o=2===t?"<svg>":3===t?"<math>":"",r=te;for(let t=0;t<n;t++){const n=e[t];let a,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===te?"!--"===l[1]?r=ne:void 0!==l[1]?r=ie:void 0!==l[2]?(ae.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=se):void 0!==l[3]&&(r=se):r===se?">"===l[0]?(r=s??te,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?se:'"'===l[3]?re:oe):r===re||r===oe?r=se:r===ne||r===ie?r=te:(r=se,s=void 0);const h=r===se&&e[t+1].startsWith("/>")?" ":"";o+=r===te?n+K:c>=0?(i.push(a),n.slice(0,c)+V+n.slice(c)+B+h):n+B+(-2===c?t:h)}return[ue(e,o+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class _e{constructor({strings:e,_$litType$:t},n){let i;this.parts=[];let s=0,o=0;const r=e.length-1,a=this.parts,[l,c]=ge(e,t);if(this.el=_e.createElement(l,n),pe.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=pe.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(V)){const t=c[o++],n=i.getAttribute(e).split(B),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:n,ctor:"."===r[1]?ye:"?"===r[1]?we:"@"===r[1]?xe:be}),i.removeAttribute(e)}else e.startsWith(B)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(ae.test(i.tagName)){const e=i.textContent.split(B),t=e.length-1;if(t>0){i.textContent=W?W.emptyScript:"";for(let n=0;n<t;n++)i.append(e[n],X()),pe.nextNode(),a.push({type:2,index:++s});i.append(e[t],X())}}}else if(8===i.nodeType)if(i.data===Q)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(B,e+1));)a.push({type:7,index:s}),e+=B.length-1}s++}}static createElement(e,t){const n=J.createElement("template");return n.innerHTML=e,n}}function fe(e,t,n=e,i){if(t===ce)return t;let s=void 0!==i?n._$Co?.[i]:n._$Cl;const o=Z(t)?void 0:t._$litDirective$;return s?.constructor!==o&&(s?._$AO?.(!1),void 0===o?s=void 0:(s=new o(e),s._$AT(e,n,i)),void 0!==i?(n._$Co??=[])[i]=s:n._$Cl=s),void 0!==s&&(t=fe(e,s._$AS(e,t.values),s,i)),t}class ve{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,i=(e?.creationScope??J).importNode(t,!0);pe.currentNode=i;let s=pe.nextNode(),o=0,r=0,a=n[0];for(;void 0!==a;){if(o===a.index){let t;2===a.type?t=new me(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new Se(s,this,e)),this._$AV.push(t),a=n[++r]}o!==a?.index&&(s=pe.nextNode(),o++)}return pe.currentNode=J,i}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class me{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,i){this.type=2,this._$AH=de,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=fe(this,e,t),Z(e)?e===de||null==e||""===e?(this._$AH!==de&&this._$AR(),this._$AH=de):e!==this._$AH&&e!==ce&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>Y(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==de&&Z(this._$AH)?this._$AA.nextSibling.data=e:this.T(J.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,i="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=_e.createElement(ue(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new ve(i,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=he.get(e.strings);return void 0===t&&he.set(e.strings,t=new _e(e)),t}k(e){Y(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,i=0;for(const s of e)i===t.length?t.push(n=new me(this.O(X()),this.O(X()),this,this.options)):n=t[i],n._$AI(s),i++;i<t.length&&(this._$AR(n&&n._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=U(e).nextSibling;U(e).remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class be{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,i,s){this.type=1,this._$AH=de,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=de}_$AI(e,t=this,n,i){const s=this.strings;let o=!1;if(void 0===s)e=fe(this,e,t,0),o=!Z(e)||e!==this._$AH&&e!==ce,o&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=fe(this,i[n+r],t,r),a===ce&&(a=this._$AH[r]),o||=!Z(a)||a!==this._$AH[r],a===de?e=de:e!==de&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}o&&!i&&this.j(e)}j(e){e===de?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ye extends be{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===de?void 0:e}}class we extends be{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==de)}}class xe extends be{constructor(e,t,n,i,s){super(e,t,n,i,s),this.type=5}_$AI(e,t=this){if((e=fe(this,e,t,0)??de)===ce)return;const n=this._$AH,i=e===de&&n!==de||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,s=e!==de&&(n===de||i);i&&this.element.removeEventListener(this.name,this,n),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class Se{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){fe(this,e)}}const $e=j.litHtmlPolyfillSupport;$e?.(_e,me),(j.litHtmlVersions??=[]).push("3.3.2");const Ce=globalThis;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let Pe=class extends j{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}};Pe._$litElement$=!0,Pe.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:Pe});const ke=Ce.litElementPolyfillSupport;ke?.({LitElement:Pe}),(Ce.litElementVersions??=[]).push("4.2.2");
+ */let Pe=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,n)=>{const i=n?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=n?.renderBefore??null;i._$litPart$=s=new me(t.insertBefore(X(),e),e,void 0,n??{})}return s._$AI(e),s})(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return ce}};Pe._$litElement$=!0,Pe.finalized=!0,Ce.litElementHydrateSupport?.({LitElement:Pe});const ke=Ce.litElementPolyfillSupport;ke?.({LitElement:Pe}),(Ce.litElementVersions??=[]).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -46,7 +46,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}hasAnyPanelOffline(){for(const e of this._persistent.keys())if("panel-offline"===e||e.startsWith("panel-offline:"))return!0;return!1}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function je(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function qe(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasAnyPanelOffline())try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null,this._generation=0}async fetch(e){const t=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._map&&t-this._lastFetch<3e4)return this._map;const i=this._generation,s=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},s=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t),o=s?.response?.favorites??{};return i===this._generation&&(this._map=o,this._lastFetch=Date.now()),o}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight?.gen===i&&(this._inflight=null)}})();return this._inflight={gen:i,promise:s},s}invalidate(){this._lastFetch=0,this._generation++}clear(){this._map=null,this._lastFetch=0,this._generation++}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=je(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{qe(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Pe{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
+ */class De extends Te{constructor(e){if(super(e),this.it=de,e.type!==Ie)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===de||null==e)return this._t=void 0,this.it=e;if(e===ce)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}De.directiveName="unsafeHTML",De.resultType=1;const Fe=(e=>(...t)=>({_$litDirective$:e,values:t}))(De);class Le{constructor(){this._persistent=new Map,this._transient=null,this._transientTimer=null,this._subscribers=new Set,this._watchedPanels=new Map}add(e){const t={...e,timestamp:Date.now()};if(t.persistent)this._persistent.set(t.key,t);else{this._clearTransient(),this._transient=t;const e=t.ttl??5e3;this._transientTimer=setTimeout(()=>{this._transient=null,this._transientTimer=null,this._notify()},e)}this._notify()}remove(e){if(this._persistent.has(e))return this._persistent.delete(e),void this._notify();this._transient?.key===e&&(this._clearTransient(),this._notify())}clear(e){void 0===e?(this._persistent.clear(),this._clearTransient(),this._watchedPanels.clear()):!0===e.persistent?this._persistent.clear():!1===e.persistent&&this._clearTransient(),this._notify()}get active(){const e=[...this._persistent.values()];return null!==this._transient&&e.push(this._transient),e}hasPersistent(e){return this._persistent.has(e)}hasAnyPanelOffline(){for(const e of this._persistent.keys())if("panel-offline"===e||e.startsWith("panel-offline:"))return!0;return!1}subscribe(e){return this._subscribers.add(e),()=>{this._subscribers.delete(e)}}watchPanelStatus(e){this.watchPanelStatuses([{entityId:e,panelName:null}])}watchPanelStatuses(e){const t=this._watchedPanels,n=new Map;for(const i of e){const e=t.get(i.entityId);n.set(i.entityId,{panelName:i.panelName??null,wasOffline:e?.wasOffline??!1})}const i=this._isSingleUnnamed(t),s=this._isSingleUnnamed(n);for(const e of t.keys()){n.has(e)&&i===s||this._persistent.delete(this._offlineKey(e,i))}this._watchedPanels=n,this._notify()}clearPanelStatusWatch(){if(0===this._watchedPanels.size)return;const e=this._isSingleUnnamed(this._watchedPanels);for(const t of this._watchedPanels.keys())this._persistent.delete(this._offlineKey(t,e));this._watchedPanels.clear(),this._notify()}updateHass(e){if(0===this._watchedPanels.size)return;const t=this._isSingleUnnamed(this._watchedPanels);for(const[s,o]of this._watchedPanels){const r=e.states[s]?.state,a="on"===r,l=this._offlineKey(s,t),c=this._reconnectKey(s,t);if(a){const e=o.wasOffline;o.wasOffline=!1,this.remove(l),e&&this.add({key:c,level:"info",message:null===o.panelName?n("error.panel_reconnected"):i("error.panel_reconnected_named",{name:o.panelName}),persistent:!1})}else o.wasOffline=!0,this.hasPersistent(l)||this.add({key:l,level:"error",message:null===o.panelName?n("error.panel_offline"):i("error.panel_offline_named",{name:o.panelName}),persistent:!0})}}dispose(){this._clearTransient(),this._persistent.clear(),this._subscribers.clear(),this._watchedPanels.clear()}_isSingleUnnamed(e){if(1!==e.size)return!1;for(const t of e.values())return null===t.panelName;return!1}_offlineKey(e,t){return t?"panel-offline":`panel-offline:${e}`}_reconnectKey(e,t){return t?"panel-reconnected":`panel-reconnected:${e}`}_clearTransient(){null!==this._transientTimer&&(clearTimeout(this._transientTimer),this._transientTimer=null),this._transient=null}_notify(){for(const e of this._subscribers)try{e()}catch(e){console.warn("SPAN Panel: error-store subscriber threw",e)}}}const He={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function Oe(e){return String(e).replace(/[&<>"']/g,e=>He[e]??e)}const Re="span_panel_list_columns";function qe(){try{const e=localStorage.getItem(Re);if(!e)return 1;const t=parseInt(e,10);return 1===t||2===t||3===t?t:1}catch{return 1}}function je(e){try{localStorage.setItem(Re,String(e))}catch{}}function Ue(e){return new Promise(t=>setTimeout(t,e))}class We{constructor(e){this._store=e}async callWS(e,t,n){const i=n?.retries??3,s=n?.errorId??`ws:${String(t.type??"unknown")}`;return this._withRetry(()=>e.callWS(t),i,s,n?.errorMessage)}async callService(e,t,n,i,s,o){const r=o?.retries??3,a=o?.errorId??`svc:${t}.${n}`;return this._withRetry(()=>e.callService(t,n,i,s),r,a,o?.errorMessage)}async _withRetry(e,t,i,s){if(this._store.hasAnyPanelOffline())try{const t=await e();return this._store.remove(i),t}catch(e){const t=e instanceof Error?e:new Error(String(e));throw this._store.add({key:i,level:"error",message:s??n("error.panel_offline"),persistent:!1}),t}let o;for(let n=0;n<=t;n++)try{const t=await e();return this._store.remove(i),t}catch(e){if(o=e instanceof Error?e:new Error(String(e)),n<t){const e=1e3*Math.pow(2,n);await Ue(e)}}throw this._store.add({key:i,level:"error",message:s??o?.message??"Operation failed",persistent:!1}),o??new Error(s??"Operation failed")}}const Ge="favorites-changed";async function Ve(e,t,n={}){const i=await e.callWS({type:"call_service",domain:a,service:t,service_data:n,return_response:!0});return i?.response??null}class Be{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._map=null,this._lastFetch=0,this._inflight=null,this._generation=0}async fetch(e){const t=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._map&&t-this._lastFetch<3e4)return this._map;const i=this._generation,s=(async()=>{try{const t={type:"call_service",domain:a,service:"get_favorites",service_data:{},return_response:!0},s=this._retry?await this._retry.callWS(e,t,{errorId:"fetch:favorites",errorMessage:n("error.favorites_fetch_failed")}):await e.callWS(t),o=s?.response?.favorites??{};return i===this._generation&&(this._map=o,this._lastFetch=Date.now()),o}catch(e){return console.warn("SPAN Panel: favorites fetch failed",e),this._retry||this._errorStore?.add({key:"fetch:favorites",level:"warning",message:n("error.favorites_fetch_failed"),persistent:!1}),this._map??{}}finally{this._inflight?.gen===i&&(this._inflight=null)}})();return this._inflight={gen:i,promise:s},s}invalidate(){this._lastFetch=0,this._generation++}clear(){this._map=null,this._lastFetch=0,this._generation++}get map(){return this._map??{}}}function Qe(e){for(const t of Object.values(e)){if((t.circuits?.length??0)>0)return!0;if((t.sub_devices?.length??0)>0)return!0}return!1}const Ke=Object.keys(f).filter(e=>"unknown"!==e&&"always_on"!==e);class Je extends HTMLElement{constructor(){super(),this.errorStore=null,this.attachShadow({mode:"open"}),this._hass=null,this._config=null,this._debounceTimers={}}set hass(e){this._hass=e,this.hasAttribute("open")&&this._config&&this._updateLiveState()}get hass(){return this._hass}disconnectedCallback(){this._clearDebounceTimers(),this._config=null}open(e){this._config=e,this._render(),this.offsetHeight,this.setAttribute("open",""),this.setAttribute("data-mode",this._modeFor(e))}close(){this._clearDebounceTimers(),this.removeAttribute("open"),this.removeAttribute("data-mode"),this._config=null,this.dispatchEvent(new CustomEvent("side-panel-closed",{bubbles:!0,composed:!0}))}_clearDebounceTimers(){for(const e of Object.keys(this._debounceTimers))clearTimeout(this._debounceTimers[e]);this._debounceTimers={}}_modeFor(e){return e.favoritesMode?"favorites":e.panelMode?"panel":e.subDeviceMode?"subDevice":"circuit"}_render(){const e=this._config;if(!e)return;const t=this.shadowRoot;if(!t)return;t.innerHTML="";const n=document.createElement("style");n.textContent='\n  :host {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 360px;\n    max-width: 90vw;\n    z-index: 1000;\n    transform: translateX(100%);\n    transition: transform 0.3s ease;\n    pointer-events: none;\n  }\n  :host([open]) {\n    transform: translateX(0);\n    pointer-events: auto;\n  }\n\n  .backdrop {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: -1;\n  }\n  :host([open]) .backdrop {\n    display: block;\n  }\n\n  .panel {\n    height: 100%;\n    background: var(--card-background-color, #fff);\n    border-left: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  .panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n  }\n  .panel-header .title {\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--primary-text-color, #212121);\n    margin: 0;\n  }\n  .panel-header .subtitle {\n    font-size: 13px;\n    color: var(--secondary-text-color, #727272);\n    margin: 2px 0 0 0;\n  }\n  .close-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color, #727272);\n    padding: 4px;\n    line-height: 1;\n    font-size: 20px;\n  }\n\n  .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n  }\n\n  .section {\n    margin-bottom: 20px;\n  }\n  .section-label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    color: var(--secondary-text-color, #727272);\n    margin: 0 0 8px 0;\n    letter-spacing: 0.5px;\n  }\n\n  .field-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 0;\n  }\n  .field-label {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n  }\n\n  select {\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n  }\n\n  input[type="number"] {\n    width: 72px;\n    padding: 6px 8px;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 4px;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 14px;\n    text-align: right;\n  }\n  input[type="number"]:disabled {\n    opacity: 0.5;\n  }\n\n  .radio-group {\n    display: flex;\n    gap: 16px;\n    padding: 8px 0;\n  }\n  .radio-group label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    cursor: pointer;\n  }\n\n  .horizon-bar {\n    display: flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-top: 4px;\n  }\n  .horizon-segment {\n    flex: 1;\n    padding: 6px 0;\n    text-align: center;\n    font-size: 13px;\n    cursor: pointer;\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    transition: background 0.15s ease, color 0.15s ease;\n    user-select: none;\n    line-height: 1.4;\n  }\n  .horizon-segment:last-child {\n    border-right: none;\n  }\n  .horizon-segment:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .horizon-segment.active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n  .horizon-segment.referenced {\n    box-shadow: inset 0 -3px 0 var(--primary-color, #03a9f4);\n  }\n\n  .unit-toggle {\n    display: inline-flex;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    border-radius: 6px;\n    overflow: hidden;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    border-right: 1px solid var(--divider-color, #e0e0e0);\n    background: var(--card-background-color, #fff);\n    color: var(--primary-text-color, #212121);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n  .unit-btn:last-child {\n    border-right: none;\n  }\n  .unit-btn:hover:not(.unit-active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #03a9f4);\n    color: #fff;\n    font-weight: 600;\n  }\n\n  .monitoring-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .fav-heart {\n    background: none;\n    border: 1px solid var(--divider-color, #e0e0e0);\n    color: var(--secondary-text-color, #727272);\n    border-radius: 4px;\n    padding: 2px 6px;\n    cursor: pointer;\n    font-size: 0.9em;\n    margin-right: 6px;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n  .fav-heart.active {\n    color: var(--primary-color, #03a9f4);\n    border-color: var(--primary-color, #03a9f4);\n  }\n  .fav-heart:hover:not(.active) {\n    background: var(--secondary-background-color, #f5f5f5);\n  }\n  .fav-heart ha-icon {\n    --mdc-icon-size: 16px;\n  }\n\n  .panel-mode-info {\n    font-size: 14px;\n    color: var(--primary-text-color, #212121);\n    line-height: 1.6;\n  }\n  .panel-mode-info p {\n    margin: 0 0 12px 0;\n  }\n\n',t.appendChild(n);const i=document.createElement("div");i.className="backdrop",i.addEventListener("click",()=>this.close()),t.appendChild(i);const s=document.createElement("div");s.className="panel",t.appendChild(s),e.favoritesMode?this._renderFavoritesMode(s):e.panelMode?this._renderPanelMode(s):e.subDeviceMode?this._renderSubDeviceMode(s,e):this._renderCircuitMode(s,e)}_renderPanelMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.global_defaults"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body";const a=t.graphSettings,l=t.topology,c=a?.global_horizon??o,d=a?.circuits??{};s.appendChild(this._buildListColumnsSection());const h=document.createElement("div");h.className="section";const p=document.createElement("div");p.className="section-label",p.textContent=n("sidepanel.graph_horizon"),h.appendChild(p);const g=document.createElement("div");g.className="field-row";const _=document.createElement("span");_.className="field-label",_.textContent=n("sidepanel.global_default"),g.appendChild(_);const f=document.createElement("select");for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===c&&(t.selected=!0),f.appendChild(t)}if(f.addEventListener("change",()=>{const e={horizon:f.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_graph_time_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),g.appendChild(f),h.appendChild(g),s.appendChild(h),l?.circuits){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.circuit_scales"),e.appendChild(i);const o=Object.entries(l.circuits).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[n,i]of o){const s=this._buildPanelModeCircuitRow(n,i,d[n],c,t.configEntryId??null,t.showFavorites??!1,t.favoritePanelDeviceId,t.favoriteCircuitUuids);e.appendChild(s)}s.appendChild(e)}const v=a?.sub_devices??{};if(l?.sub_devices){const e=document.createElement("div");e.className="section";const i=document.createElement("div");i.className="section-label",i.textContent=n("sidepanel.subdevice_scales"),e.appendChild(i);const o=Object.entries(l.sub_devices).sort(([,e],[,t])=>(e.name||"").localeCompare(t.name||""));for(const[i,s]of o){const o=document.createElement("div");o.className="field-row";const a=document.createElement("span");if(a.className="field-label",a.textContent=s.name||i,a.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",o.appendChild(a),t.showFavorites&&t.favoritePanelDeviceId){const e=this._buildSubDeviceFavoriteHeart(s.entities,t.favoriteSubDeviceIds?.has(i)??!1);e&&o.appendChild(e)}const l=v[i]||{horizon:c,has_override:!1},d=l.has_override?l.horizon:c,h=document.createElement("select");h.dataset.subdevId=i;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===d&&(t.selected=!0),h.appendChild(t)}if(h.addEventListener("change",()=>{this._debounce(`subdev-${i}`,u,()=>{const e={subdevice_id:i,horizon:h.value};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("set_subdevice_graph_horizon",e).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),o.appendChild(h),l.has_override){const e=document.createElement("button");e.textContent="↺",e.title=n("sidepanel.reset_to_global"),Object.assign(e.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),e.addEventListener("click",()=>{const s={subdevice_id:i};t.configEntryId&&(s.config_entry_id=t.configEntryId),this._callDomainService("clear_subdevice_graph_horizon",s).then(()=>{h.value=c,e.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),o.appendChild(e)}e.appendChild(o)}s.appendChild(e)}e.appendChild(s)}_buildPanelModeCircuitRow(e,t,i,s,o,a,l,c){const d=document.createElement("div");d.className="field-row";const h=document.createElement("span");if(h.className="field-label",h.textContent=t.name||e,h.style.cssText="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;",d.appendChild(h),a&&l){const n=this._buildFavoriteHeart(t.entities,c?.has(e)??!1);n&&d.appendChild(n)}const p=i||{horizon:s,has_override:!1},g=p.has_override?p.horizon:s,_=document.createElement("select");_.dataset.uuid=e;for(const e of Object.keys(r)){const t=document.createElement("option");t.value=e;const i=`horizon.${e}`,s=n(i);t.textContent=s!==i?s:e,e===g&&(t.selected=!0),_.appendChild(t)}if(_.addEventListener("change",()=>{this._debounce(`circuit-${e}`,u,()=>{const t={circuit_id:e,horizon:_.value};o&&(t.config_entry_id=o),this._callDomainService("set_circuit_graph_horizon",t).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})})}),d.appendChild(_),p.has_override){const t=document.createElement("button");t.textContent="↺",t.title=n("sidepanel.reset_to_global"),Object.assign(t.style,{background:"none",border:"1px solid var(--divider-color, #e0e0e0)",color:"var(--primary-text-color)",borderRadius:"4px",padding:"3px 6px",cursor:"pointer",marginLeft:"4px",fontSize:"0.85em"}),t.addEventListener("click",()=>{const i={circuit_id:e};o&&(i.config_entry_id=o),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{_.value=s,t.remove(),this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})}),d.appendChild(t)}return d}_renderFavoritesMode(e){const t=this._config,i=this._createHeader(n("sidepanel.graph_settings"),n("sidepanel.favorites_subtitle"));e.appendChild(i);const s=document.createElement("div");s.className="panel-body",s.appendChild(this._buildListColumnsSection());for(const e of t.perPanelSections)s.appendChild(this._buildFavoritesPanelSection(e));e.appendChild(s)}_buildFavoritesPanelSection(e){const t=document.createElement("div");t.className="section";const n=document.createElement("div");n.className="section-label",n.textContent=e.panelName,t.appendChild(n);const i=e.graphSettings?.global_horizon??o,s=e.graphSettings?.circuits??{},r=function(e){const t=e.circuits??{};return Object.entries(t).map(([e,t])=>({uuid:e,circuit:t})).sort((e,t)=>(e.circuit.name||"").localeCompare(t.circuit.name||""))}(e.topology);for(const{uuid:n,circuit:o}of r){const r=this._buildPanelModeCircuitRow(n,o,s[n],i,e.configEntryId,!0,e.panelDeviceId,e.favoriteCircuitUuids);t.appendChild(r)}return t}_renderCircuitMode(e,t){const n=`${Oe(String(t.breaker_rating_a))}A · ${Oe(String(t.voltage))}V · Tabs [${Oe(String(t.tabs))}]`,i=this._createHeader(Oe(t.name),n);e.appendChild(i);const s=document.createElement("div");s.className="panel-body",e.appendChild(s),this._renderRelaySection(s,t),t.showFavorites&&this._renderFavoriteSection(s,t),this._renderSheddingSection(s,t),this._renderGraphHorizonSection(s,t),t.showMonitoring&&this._renderMonitoringSection(s,t)}_favoriteEntityId(e){return e?.current??e?.power??null}_subDeviceFavoriteEntityId(e){if(!e)return null;let t=null;for(const[n,i]of Object.entries(e)){if("sensor"===i.domain)return n;t||(t=n)}return t}_buildSubDeviceFavoriteHeart(e,t){const n=this._subDeviceFavoriteEntityId(e);return n?this._buildHeartButton(n,t):null}_buildListColumnsSection(){const e=document.createElement("div");e.className="section";const t=document.createElement("div");t.className="section-label",t.textContent=n("sidepanel.list_view_columns"),e.appendChild(t);const i=document.createElement("div");i.className="field-row";const s=document.createElement("span");s.className="field-label",s.textContent=n("sidepanel.columns"),i.appendChild(s);const o=qe(),r=document.createElement("div");r.className="unit-toggle";for(const e of[1,2,3]){const t=document.createElement("button");t.type="button",t.className="unit-btn"+(e===o?" unit-active":""),t.dataset.columns=String(e),t.textContent=String(e),t.addEventListener("click",()=>{je(e);for(const e of r.querySelectorAll(".unit-btn"))e.classList.toggle("unit-active",e===t);this.dispatchEvent(new CustomEvent("list-columns-changed",{detail:e,bubbles:!0,composed:!0}))}),r.appendChild(t)}return i.appendChild(r),e.appendChild(i),e}_buildFavoriteHeart(e,t){const n=this._favoriteEntityId(e);return n?this._buildHeartButton(n,t):(console.warn("SPAN Panel: circuit has no current/power sensor; favorite heart suppressed"),null)}_buildHeartButton(e,t){const i=document.createElement("button");i.type="button",i.className=t?"fav-heart active":"fav-heart",i.dataset.role="fav-heart",i.title=n("sidepanel.save_to_favorites"),i.setAttribute("role","switch"),i.setAttribute("aria-checked",String(t)),i.setAttribute("aria-label",n("sidepanel.save_to_favorites"));const s=document.createElement("ha-icon");return s.setAttribute("icon",t?"mdi:heart":"mdi:heart-outline"),i.appendChild(s),i.addEventListener("click",t=>{t.stopPropagation(),this._toggleFavoriteEntity(i,s,e).catch(()=>{})}),i}async _toggleFavoriteEntity(e,t,i){if(!this._hass)return;const s=e.classList.contains("active"),o=!s;e.classList.toggle("active",o),t.setAttribute("icon",o?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(o));try{o?await async function(e,t){const n=await Ve(e,"add_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i):await async function(e,t){const n=await Ve(e,"remove_favorite",{entity_id:t});return document.dispatchEvent(new CustomEvent(Ge)),n?.favorites??{}}(this._hass,i)}catch(i){throw e.classList.toggle("active",s),t.setAttribute("icon",s?"mdi:heart":"mdi:heart-outline"),e.setAttribute("aria-checked",String(s)),console.warn("SPAN Panel: favorite toggle failed",i),this.errorStore?.add({key:"service:favorites",level:"error",message:n("error.favorites_toggle_failed"),persistent:!1}),i}}_renderFavoriteSection(e,t){const n=this._favoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_appendFavoriteHeartSection(e,t,i){const s=document.createElement("div");s.className="section",s.innerHTML=`<div class="section-label">${Oe(n("sidepanel.favorite"))}</div>`;const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=n("sidepanel.save_to_favorites"),o.appendChild(r),o.appendChild(this._buildHeartButton(t,i)),s.appendChild(o),e.appendChild(s)}_renderSubDeviceMode(e,t){const n=this._createHeader(Oe(t.name),Oe(t.deviceType));e.appendChild(n);const i=document.createElement("div");i.className="panel-body",e.appendChild(i),t.showFavorites&&this._renderSubDeviceFavoriteSection(i,t),this._renderSubDeviceHorizonSection(i,t)}_renderSubDeviceFavoriteSection(e,t){const n=this._subDeviceFavoriteEntityId(t.entities);n&&this._appendFavoriteHeartSection(e,n,!0===t.isFavorite)}_renderSubDeviceHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={subdevice_id:t.subDeviceId};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_subdevice_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_subdevice_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_createHeader(e,t){const n=document.createElement("div");n.className="panel-header";const i=document.createElement("div"),s=Oe(e),o=Oe(t);i.innerHTML=`<div class="title">${s}</div>`+(o?`<div class="subtitle">${o}</div>`:"");const r=document.createElement("button");return r.className="close-btn",r.innerHTML="✕",r.addEventListener("click",()=>this.close()),n.appendChild(i),n.appendChild(r),n}_renderRelaySection(e,t){if(!1===t.is_user_controllable||!t.entities?.switch)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.relay"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.breaker");const r=document.createElement("ha-switch");r.dataset.role="relay-toggle";const a=t.entities.switch,l=this._hass?.states?.[a]?.state;"on"===l&&r.setAttribute("checked",""),r.addEventListener("change",()=>{const e=r.hasAttribute("checked")||r.checked;this._callService("switch",e?"turn_on":"turn_off",{entity_id:a}).catch(e=>{console.warn("SPAN Panel: relay toggle failed",e),this.errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderSheddingSection(e,t){if(!t.entities?.select)return;const i=document.createElement("div");i.className="section",i.innerHTML=`<div class="section-label">${Oe(n("sidepanel.shedding_priority"))}</div>`;const s=document.createElement("div");s.className="field-row";const o=document.createElement("span");o.className="field-label",o.textContent=n("sidepanel.priority_label");const r=document.createElement("select");r.dataset.role="shedding-select";const a=t.entities.select,l=this._hass?.states?.[a]?.state||"";for(const e of Ke){const t=f[e];if(!t)continue;const i=document.createElement("option");i.value=e,i.textContent=n(`shedding.select.${e}`)||t.label(),e===l&&(i.selected=!0),r.appendChild(i)}r.addEventListener("change",()=>{this._callService("select","select_option",{entity_id:a,option:r.value}).catch(e=>{console.warn("SPAN Panel: shedding update failed",e),this.errorStore?.add({key:"service:shedding",level:"error",message:n("error.shedding_failed"),persistent:!1})})}),s.appendChild(o),s.appendChild(r),i.appendChild(s),e.appendChild(i)}_renderGraphHorizonSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="section-label",s.textContent=n("sidepanel.graph_horizon"),i.appendChild(s);const a=t.graphHorizonInfo,l=!0===a?.has_override,c=a?.horizon||o,d=a?.globalHorizon||o,h=document.createElement("div");h.className="horizon-bar";const p=[{key:"global",label:n("sidepanel.global")}];for(const e of Object.keys(r))p.push({key:e,label:e});const u=l?c:"global",g=e=>{for(const t of h.querySelectorAll(".horizon-segment")){const n=t.dataset.horizon;t.classList.toggle("active",n===e),t.classList.toggle("referenced","global"===e&&n===d)}};for(const{key:e,label:i}of p){const s=document.createElement("button");s.type="button",s.className="horizon-segment",s.dataset.horizon=e,s.textContent=i,s.classList.toggle("active",e===u),s.classList.toggle("referenced","global"===u&&e===d),s.addEventListener("click",()=>{if(s.classList.contains("active"))return;const i={circuit_id:t.uuid};t.configEntryId&&(i.config_entry_id=t.configEntryId),"global"===e?(g("global"),this._callDomainService("clear_circuit_graph_horizon",i).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})})):(g(e),this._callDomainService("set_circuit_graph_horizon",{...i,horizon:e}).then(()=>{this.dispatchEvent(new CustomEvent("graph-settings-changed",{bubbles:!0,composed:!0}))}).catch(e=>{console.warn("SPAN Panel: graph horizon service failed",e),this.errorStore?.add({key:"service:graph_horizon",level:"error",message:n("error.graph_horizon_failed"),persistent:!1})}))}),h.appendChild(s)}i.appendChild(h),e.appendChild(i)}_renderMonitoringSection(e,t){const i=document.createElement("div");i.className="section";const s=document.createElement("div");s.className="monitoring-header";const o=document.createElement("div");o.className="section-label",o.textContent=n("sidepanel.monitoring"),o.style.margin="0";const r=document.createElement("ha-switch");r.dataset.role="monitoring-toggle";const a=t.monitoringInfo,l=null!=a&&!1!==a.monitoring_enabled;l&&r.setAttribute("checked",""),s.appendChild(o),s.appendChild(r),i.appendChild(s);const c=document.createElement("div");c.dataset.role="monitoring-details",c.style.display=l?"block":"none",i.appendChild(c);const d=!0===a?.has_override,h=document.createElement("div");h.className="radio-group",h.innerHTML=`\n      <label><input type="radio" name="monitoring-mode" value="global" ${d?"":"checked"} /> ${Oe(n("sidepanel.global"))}</label>\n      <label><input type="radio" name="monitoring-mode" value="custom" ${d?"checked":""} /> ${Oe(n("sidepanel.custom"))}</label>\n    `,c.appendChild(h);const p=document.createElement("div");p.dataset.role="threshold-fields",p.style.display=d?"block":"none";const u=a?.continuous_threshold_pct??80,g=a?.spike_threshold_pct??100,_=a?.window_duration_m??15,f=a?.cooldown_duration_m??15;p.appendChild(this._createThresholdRow(n("sidepanel.continuous_pct"),"continuous",u,t)),p.appendChild(this._createThresholdRow(n("sidepanel.spike_pct"),"spike",g,t)),p.appendChild(this._createDurationRow(n("sidepanel.window_duration"),"window-m",_,1,180,"m",t)),p.appendChild(this._createDurationRow(n("sidepanel.cooldown"),"cooldown-m",f,1,180,"m",t)),c.appendChild(p),r.addEventListener("change",()=>{const e=r.checked;c.style.display=e?"block":"none";const i={circuit_id:t.entities?.power||t.uuid,monitoring_enabled:e};t.configEntryId&&(i.config_entry_id=t.configEntryId),this._callDomainService("set_circuit_threshold",i).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})});const v=h.querySelectorAll('input[type="radio"]');for(const e of v)e.addEventListener("change",()=>{const i="custom"===e.value&&e.checked;if(p.style.display=i?"block":"none",!i&&e.checked){const e={circuit_id:t.entities?.power||t.uuid};t.configEntryId&&(e.config_entry_id=t.configEntryId),this._callDomainService("clear_circuit_threshold",e).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})}});e.appendChild(i)}_createThresholdRow(e,t,i,s){const o=document.createElement("div");o.className="field-row";const r=document.createElement("span");r.className="field-label",r.textContent=e;const a=document.createElement("input");return a.type="number",a.min="0",a.max="200",a.value=String(i),a.dataset.role=`threshold-${t}`,a.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),o=e.querySelector('[data-role="threshold-window-m"]'),r=e.querySelector('[data-role="threshold-cooldown-m"]'),a={circuit_id:s.entities?.power||s.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:o?Number(o.value):void 0,cooldown_duration_m:r?Number(r.value):void 0};s.configEntryId&&(a.config_entry_id=s.configEntryId),this._callDomainService("set_circuit_threshold",a).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),o.appendChild(r),o.appendChild(a),o}_createDurationRow(e,t,i,s,o,r,a,l=!1){const c=document.createElement("div");c.className="field-row";const d=document.createElement("span");d.className="field-label",d.textContent=e;const h=document.createElement("div"),p=document.createElement("input");p.type="number",p.min=String(s),p.max=String(o),p.value=String(i),p.dataset.role=`threshold-${t}`,l&&(p.disabled=!0);const g=document.createElement("span");return g.textContent=r,h.appendChild(p),h.appendChild(g),l||p.addEventListener("input",()=>{this._debounce(`threshold-${t}`,u,()=>{const e=this.shadowRoot;if(!e)return;const t=e.querySelector('[data-role="threshold-continuous"]'),i=e.querySelector('[data-role="threshold-spike"]'),s=e.querySelector('[data-role="threshold-window-m"]'),o={circuit_id:a.uuid,continuous_threshold_pct:t?Number(t.value):void 0,spike_threshold_pct:i?Number(i.value):void 0,window_duration_m:s?Number(s.value):void 0};a.configEntryId&&(o.config_entry_id=a.configEntryId),this._callDomainService("set_circuit_threshold",o).catch(e=>{console.warn("SPAN Panel: monitoring update failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})})}),c.appendChild(d),c.appendChild(h),c}_updateLiveState(){if(!this._config||this._config.panelMode)return;const e=this._config;if(!e.subDeviceMode&&!e.favoritesMode){if(e.entities?.switch){const t=this.shadowRoot?.querySelector('[data-role="relay-toggle"]');if(t){const n=this._hass?.states?.[e.entities.switch]?.state;"on"===n?t.setAttribute("checked",""):t.removeAttribute("checked")}}if(e.entities?.select){const t=this.shadowRoot?.querySelector('[data-role="shedding-select"]');if(t){const n=this._hass?.states?.[e.entities.select]?.state||"";t.value=n}}}}_callService(e,t,n){return this._hass?Promise.resolve(this._hass.callService(e,t,n)):Promise.resolve()}_callDomainService(e,t){return this._hass?this._hass.callWS({type:"call_service",domain:a,service:e,service_data:t}):Promise.resolve()}_debounce(e,t,n){this._debounceTimers[e]&&clearTimeout(this._debounceTimers[e]),this._debounceTimers[e]=setTimeout(()=>{delete this._debounceTimers[e],n()},t)}}try{customElements.get("span-side-panel")||customElements.define("span-side-panel",Je)}catch{}let Xe=class extends Pe{constructor(){super(...arguments),this._store=null,this._unsub=null,this._errors=[]}set store(e){if(this._store===e)return;this._unsub?.(),this._unsub=null,this._store=e,this._errors=e.active;const t=e;this._unsub=e.subscribe(()=>{this._errors=t.active})}connectedCallback(){if(super.connectedCallback(),this._store&&!this._unsub){const e=this._store;this._errors=e.active,this._unsub=e.subscribe(()=>{this._errors=e.active})}}disconnectedCallback(){super.disconnectedCallback(),this._unsub?.(),this._unsub=null}render(){return 0===this._errors.length?de:le`${this._errors.map(e=>le`
         <div class="banner-row level-${e.level}" role=${"info"===e.level?"status":"alert"}>
           <ha-icon class="icon" icon=${this._iconForLevel(e.level)}></ha-icon>
           <span class="message">${e.message}</span>
@@ -102,7 +102,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
     .retry-btn:hover {
       opacity: 0.8;
     }
-  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation,o=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight?.gen===s&&(this._inflight=null)}})();return this._inflight={gen:s,promise:o},o}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function jt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function qt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${qt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;jt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${qt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");jt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${qt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=qt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=je(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
+  `,m([Me()],Xe.prototype,"_errors",void 0),Xe=m([Ee("span-error-banner")],Xe);const it=g.power;function st(e){return it.unit(e)}function ot(e){return(e<0?"-":"")+it.format(e)}function rt(e){return(Math.abs(e)/1e3).toFixed(1)}function at(e){return Math.ceil(e/2)}function lt(e){return e%2==0?1:0}function ct(e){if(2!==e.length)return null;const[t,n]=[Math.min(...e),Math.max(...e)];return at(t)===at(n)?"row-span":lt(t)===lt(n)?"col-span":"row-span"}function dt(e){const t=e.chart_metric??s;return g[t]??g[s]}function ht(e,t){const n=function(e){return dt(e).entityRole}(t);return e.entities?.[n]??e.entities?.power??null}class pt{constructor(){this._status=null,this._lastFetch=0,this._inflight=null,this._generation=0,this._errorStore=null,this._retry=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}async fetch(e,t){const i=Date.now();if(this._inflight&&this._inflight.gen===this._generation)return this._inflight.promise;if(this._status&&i-this._lastFetch<3e4)return this._status;const s=this._generation,o=(async()=>{try{const i={};t&&(i.config_entry_id=t);const o={type:"call_service",domain:a,service:"get_monitoring_status",service_data:i,return_response:!0},r=this._retry?await this._retry.callWS(e,o,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await e.callWS(o),l=r?.response??null;return s===this._generation&&(this._status=l,this._lastFetch=Date.now()),l}catch(e){return console.warn("SPAN Panel: monitoring status fetch failed",e),s===this._generation&&(this._status=null),this._retry||this._errorStore?.add({key:"fetch:monitoring",level:"warning",message:n("error.monitoring_failed"),persistent:!1}),null}finally{this._inflight?.gen===s&&(this._inflight=null)}})();return this._inflight={gen:s,promise:o},o}invalidate(){this._lastFetch=0,this._generation++}get status(){return this._status}clear(){this._status=null,this._lastFetch=0,this._generation++}}class ut{constructor(){this._caches=new Map,this._errorStore=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e;for(const t of this._caches.values())t.errorStore=e}async fetchOne(e,t){let n=this._caches.get(t);return n||(n=new pt,n.errorStore=this._errorStore,this._caches.set(t,n)),n.fetch(e,t)}invalidate(){for(const e of this._caches.values())e.invalidate()}clear(){this._caches.clear()}}function gt(e,t){return e?.circuits?e.circuits[t]??null:null}function _t(e){return!!e&&void 0!==e.continuous_threshold_pct}function ft(e,t,n,i){const s=[];return n||s.push("circuit-off"),i&&s.push("circuit-producer"),function(e){return!!e&&null!=e.over_threshold_since}(t)&&s.push("circuit-alert"),_t(t)&&s.push("circuit-custom-monitoring"),s.join(" ")}function vt(e,t,i,s,o,r,a,d,h,p=!1){const u=t.entities?.power,g=u?r.states[u]:null,_=g&&parseFloat(g.state)||0,m=t.device_type===c||_<0,b=t.entities?.switch,y=b?r.states[b]:null,w=y?"on"===y.state:(g?.attributes?.relay_state||t.relay_state)===l,x=t.breaker_rating_a,S=x?`${Math.round(x)}A`:"",$=Oe(t.name||n("grid.unknown")),C=dt(a);let P;if("current"===C.entityRole){const e=t.entities?.current,n=e?r.states[e]:null,i=n&&parseFloat(n.state)||0;P=`<strong>${C.format(i)}</strong><span class="power-unit">A</span>`}else P=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const k=h||"unknown";let E="";if("unknown"!==k){const e=f[k]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"},t=Oe(e.label()),n=Oe(e.icon),i=Oe(e.color);if(e.icon2){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${Oe(e.icon2)}" style="color:${i};--mdc-icon-size:14px;"></ha-icon>\n      </span>`}else if(e.textLabel){E=`<span class="shedding-composite" title="${t}">\n        <ha-icon class="shedding-icon" icon="${n}" style="color:${i};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${i}">${Oe(e.textLabel)}</span>\n      </span>`}else E=`<ha-icon class="shedding-icon" icon="${n}"\n        style="color:${i};--mdc-icon-size:16px;"\n        title="${t}"></ha-icon>`}const z=d&&_t(d)?v:"#555",A=`<button class="gear-icon circuit-gear"\n    data-uuid="${Oe(e)}" style="color:${z};"\n    title="${Oe(n("grid.configure"))}">\n    <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n  </button>`;let N="",M=d?.utilization_pct??null;if(null==M&&t.breaker_rating_a){const e=t.entities?.current,n=e?r.states[e]:null,i=n?Math.abs(parseFloat(n.state)||0):0;M=Math.round(i/t.breaker_rating_a*1e3)/10}if(null!=M){N=`<span class="utilization ${M>=100?"utilization-alert":M>=80?"utilization-warning":"utilization-normal"}">${Math.round(M)}%</span>`}return`\n    <div class="circuit-slot ${ft(0,d,w,m)} ${p?"":"row-span"===o?"circuit-row-span":"col-span"===o?"circuit-col-span":""}"\n         ${p?"":`style="grid-row: ${"col-span"===o?`${i} / span 2`:`${i}`}; grid-column: ${s};"`}\n         data-uuid="${Oe(e)}">\n      <div class="circuit-header">\n        <div class="circuit-info">\n          ${S?`<span class="breaker-badge">${S}</span>`:""}\n          ${N}\n          <span class="circuit-name">${$}</span>\n        </div>\n        <div class="circuit-controls">\n          <span class="power-value">\n            ${P}\n          </span>\n          ${!1!==t.is_user_controllable&&t.entities?.switch?`\n            <div class="toggle-pill ${w?"toggle-on":"toggle-off"}">\n              <span class="toggle-label">${n(w?"grid.on":"grid.off")}</span>\n              <span class="toggle-knob"></span>\n            </div>\n          `:""}\n        </div>\n      </div>\n      <div class="circuit-status">\n        ${E}\n        ${A}\n      </div>\n      <div class="chart-container"></div>\n    </div>\n  `}function mt(e,t){return`\n    <div class="circuit-slot circuit-empty" style="grid-row: ${e}; grid-column: ${t};">\n      <span class="empty-label">&mdash;</span>\n    </div>\n  `}const bt={names:["power","battery power"],suffixes:["_power"]},yt={names:["battery level","battery percentage"],suffixes:["_battery_level","_battery_percentage"]},wt={names:["state of energy"],suffixes:["_soe_kwh"]},xt={names:["nameplate capacity"],suffixes:["_nameplate_capacity"]};function St(e,t){if(!e.entities)return null;for(const[n,i]of Object.entries(e.entities)){if("sensor"!==i.domain)continue;const e=(i.original_name??"").toLowerCase();if(t.names.some(t=>e===t))return n;if(i.unique_id&&t.suffixes.some(e=>i.unique_id.endsWith(e)))return n}return null}function $t(e){return St(e,bt)}function Ct(e){return St(e,yt)}function Pt(e){return St(e,wt)}function kt(e){return St(e,xt)}function Et(e,t,i){const s=!1!==i.show_battery,o=!1!==i.show_evse;if(!e.sub_devices)return"";const r=Object.entries(e.sub_devices).filter(([,e])=>!(e.type===d&&!s)&&!(e.type===h&&!o));if(0===r.length)return"";const a=r.filter(([,e])=>e.type===h).length;let l=0,c="";for(const[e,s]of r){const o=s.type===h?n("subdevice.ev_charger"):s.type===d?n("subdevice.battery"):n("subdevice.fallback"),r=$t(s),p=r?t.states[r]:void 0,u=p&&parseFloat(p.state)||0,g=s.type===d,_=s.type===h,f=g?Ct(s):null,v=g?Pt(s):null,m=g?kt(s):null,b=zt(s,t,i,new Set([r,f,v,m].filter(e=>null!==e))),y=At(e,s,g,r,f,v);let w="";g?w="sub-device-bess":_&&(l++,l===a&&a%2==1&&(w="sub-device-full")),c+=`\n      <div class="sub-device ${w}" data-subdev="${Oe(e)}">\n        <div class="sub-device-header">\n          <span class="sub-device-type">${Oe(o)}</span>\n          <span class="sub-device-name">${Oe(s.name||"")}</span>\n          ${r?`<span class="sub-power-value"><strong>${ot(u)}</strong> <span class="power-unit">${st(u)}</span></span>`:""}\n          <button class="gear-icon subdevice-gear" data-subdev-id="${Oe(e)}" style="color:#555;" title="${Oe(n("grid.configure_subdevice"))}">\n            <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n          </button>\n        </div>\n        ${y}\n        ${b}\n      </div>\n    `}return c}function zt(e,t,n,i){const s=n.visible_sub_entities||{};let o="";if(!e.entities)return o;for(const[n,r]of Object.entries(e.entities)){if(i.has(n))continue;if(!0!==s[n])continue;const a=t.states[n];if(!a)continue;let l=r.original_name||a.attributes.friendly_name||n;const c=e.name||"";let d;if(l.startsWith(c+" ")&&(l=l.slice(c.length+1)),t.formatEntityState)d=t.formatEntityState(a);else{d=a.state;const e=a.attributes.unit_of_measurement||"";e&&(d+=" "+e)}if("Wh"===(a.attributes.unit_of_measurement||"")){const e=parseFloat(a.state);isNaN(e)||(d=(e/1e3).toFixed(1)+" kWh")}o+=`\n      <div class="sub-entity">\n        <span class="sub-entity-name">${Oe(l)}:</span>\n        <span class="sub-entity-value" data-eid="${Oe(n)}">${Oe(d)}</span>\n      </div>\n    `}return o}function At(e,t,i,s,o,r){if(i){const t=[{key:`${p}${e}_soc`,title:n("subdevice.soc"),available:!!o},{key:`${p}${e}_soe`,title:n("subdevice.soe"),available:!!r},{key:`${p}${e}_power`,title:n("subdevice.power"),available:!!s}].filter(e=>e.available);return`\n      <div class="bess-charts">\n        ${t.map(e=>`\n          <div class="bess-chart-col">\n            <div class="bess-chart-title">${Oe(e.title)}</div>\n            <div class="chart-container" data-chart-key="${Oe(e.key)}"></div>\n          </div>\n        `).join("")}\n      </div>\n    `}return s?`<div class="chart-container" data-chart-key="${p}${Oe(e)}_power"></div>`:""}function Nt(e){const t=void 0!==e.history_days||void 0!==e.history_hours||void 0!==e.history_minutes,n=60*(60*(24*(t&&parseInt(String(e.history_days))||0)+(t&&parseInt(String(e.history_hours))||0))+(t?parseInt(String(e.history_minutes))||0:5))*1e3;return Math.max(n,6e4)}function Mt(e){const t=r[e];return t?t.ms:r[o].ms}function It(e){const t=e/1e3;return t<=600?Math.ceil(t):Math.min(5e3,Math.ceil(t/5))}function Tt(e){return Math.max(500,Math.floor(e/5e3))}function Dt(e,t,n,i,s,o){e.has(t)||e.set(t,[]);const r=e.get(t);r.push({time:i,value:n});const a=r.findIndex(e=>e.time>=s);a>0?r.splice(0,a):-1===a&&(r.length=0),r.length>o&&r.splice(0,r.length-o)}function Ft(e,t,n=500){if(0===e.length)return e;e.sort((e,t)=>e.time-t.time);const i=[e[0]];for(let t=1;t<e.length;t++)e[t].time-i[i.length-1].time>=n&&i.push(e[t]);return i.length>t&&i.splice(0,i.length-t),i}async function Lt(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=i/36e5>72?"hour":"5minute",a=await e.callWS({type:"recorder/statistics_during_period",start_time:o,statistic_ids:t,period:r,types:["mean"]});for(const[e,t]of Object.entries(a)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=e.mean;if(null==t||!Number.isFinite(t))continue;const n=e.start;n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];t.sort((e,t)=>e.time-t.time),s.set(i,t)}}}async function Ht(e,t,n,i,s){const o=new Date(Date.now()-i).toISOString(),r=await e.callWS({type:"history/history_during_period",start_time:o,entity_ids:t,minimal_response:!0,significant_changes_only:!0,no_attributes:!0}),a=It(i),l=Tt(i);for(const[e,t]of Object.entries(r)){const i=n.get(e);if(!i||!t)continue;const o=[];for(const e of t){const t=parseFloat(e.s);if(!Number.isFinite(t))continue;const n=1e3*(e.lu||e.lc||0);n>0&&o.push({time:n,value:t})}if(o.length>0){const e=s.get(i)||[],t=[...o,...e];s.set(i,Ft(t,a,l))}}}function Ot(e){if(!e.sub_devices)return[];const t=[];for(const[n,i]of Object.entries(e.sub_devices)){const e={power:$t(i)};i.type===d&&(e.soc=Ct(i),e.soe=Pt(i));for(const[i,s]of Object.entries(e))s&&t.push({entityId:s,key:`${p}${n}_${i}`,devId:n})}return t}async function Rt(e,t,n,i,s,o){if(!t||!e)return;const r=new Map;for(const[e,i]of Object.entries(t.circuits)){const t=ht(i,n);if(!t)continue;let o;o=s&&s.has(e)?Mt(s.get(e)):Nt(n),r.has(o)||r.set(o,{entityIds:[],uuidByEntity:new Map});const a=r.get(o);a.entityIds.push(t),a.uuidByEntity.set(t,e)}for(const{entityId:e,key:i,devId:s}of Ot(t)){let t;t=o&&o.has(s)?Mt(o.get(s)):Nt(n),r.has(t)||r.set(t,{entityIds:[],uuidByEntity:new Map});const a=r.get(t);a.entityIds.push(e),a.uuidByEntity.set(e,i)}const a=[];for(const[t,n]of r){if(0===n.entityIds.length)continue;t>2592e5?a.push(Lt(e,n.entityIds,n.uuidByEntity,t,i)):a.push(Ht(e,n.entityIds,n.uuidByEntity,t,i))}await Promise.all(a)}function qt(e,t,n,i,o,r,a,l,c){const{options:d,series:h}=function(e,t,n,i,o,r=!1){n||(n=g[s]);const a=i?"140, 160, 220":"77, 217, 175",l=`rgb(${a})`,c=Date.now(),d=c-t,h=void 0!==n.fixedMin&&void 0!==n.fixedMax,p=(e??[]).filter(e=>e.time>=d).map(e=>[e.time,Math.abs(e.value)]),u=[{type:"line",data:p,showSymbol:!1,smooth:!1,...r?{}:{step:"end"},lineStyle:{width:1.5,color:l},areaStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:`rgba(${a}, 0.18)`},{offset:1,color:`rgba(${a}, 0.18)`}]}},itemStyle:{color:l}}],_=p.length>0?function(e){let t=0;for(const n of e)n[1]>t&&(t=n[1]);return t}(p):0,f={type:"value",splitNumber:4,axisLabel:{fontSize:10,formatter:_<10?e=>0===e?"0":e.toFixed(1):e=>n.format(e)},splitLine:{lineStyle:{opacity:.15}}};h?(f.min=n.fixedMin,f.max=n.fixedMax):_<1&&(f.min=0,f.max=1),o&&"current"===n.entityRole&&(f.min=0,f.max=Math.ceil(1.25*o),u.push({type:"line",data:[[d,.8*o],[c,.8*o]],showSymbol:!1,lineStyle:{width:1,color:"rgba(255, 200, 40, 0.6)",type:"dashed"},itemStyle:{color:"transparent"},tooltip:{show:!1}}),u.push({type:"line",data:[[d,o],[c,o]],showSymbol:!1,lineStyle:{width:1.5,color:"rgba(255, 60, 60, 0.7)",type:"solid"},itemStyle:{color:"transparent"},tooltip:{show:!1}}));const v={xAxis:{type:"time",min:d,max:c,axisLabel:{fontSize:10},splitLine:{show:!1}},yAxis:f,grid:{top:8,right:4,bottom:0,left:0,containLabel:!0},tooltip:{trigger:"axis",axisPointer:{type:"line",lineStyle:{type:"dashed"}},formatter:e=>{if(!e||0===e.length)return"";const t=e[0],i=new Date(t.value[0]).toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),s=parseFloat(t.value[1].toFixed(2));return`<div style="font-size:12px">${i}<br/><strong>${n.format(s)} ${n.unit(s)}</strong></div>`}},animation:!1};return{options:v,series:u}}(n,i,o,r,l,c),p=a??120;e.style.minHeight=p+"px";let u=e.querySelector("ha-chart-base");u||(u=document.createElement("ha-chart-base"),u.style.display="block",u.style.width="100%",u.hass=t,e.innerHTML="",e.appendChild(u));const _=e.clientHeight;u.height=(_>0?_:p)+"px",u.hass=t,u.options=d,u.data=h}function jt(e){return"function"==typeof globalThis.CSS?.escape?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}function Ut(e,t,n,i,s){const o="current"===(i.chart_metric||"power"),r=e.querySelector(".stat-consumption .stat-value"),a=e.querySelector(".stat-consumption .stat-unit");if(o){const e=n.panel_entities?.site_power,i=e?t.states[e]:null,s=i?parseFloat(i.attributes?.amperage):NaN;r&&(r.textContent=Number.isFinite(s)?Math.abs(s).toFixed(1):"--"),a&&(a.textContent="A")}else{let e=s;const i=n.panel_entities?.site_power;if(i){const n=t.states[i];n&&(e=Math.abs(parseFloat(n.state)||0))}r&&(r.textContent=rt(e)),a&&(a.textContent="kW")}const l=e.querySelector(".stat-upstream .stat-value"),c=e.querySelector(".stat-upstream .stat-unit");if(l){const e=n.panel_entities?.current_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;l.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",c&&(c.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;l.textContent=rt(e),c&&(c.textContent="kW")}}const d=e.querySelector(".stat-downstream .stat-value"),h=e.querySelector(".stat-downstream .stat-unit");if(d){const e=n.panel_entities?.feedthrough_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;d.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",h&&(h.textContent="A")}else{const e=i?Math.abs(parseFloat(i.state)||0):0;d.textContent=rt(e),h&&(h.textContent="kW")}}const p=e.querySelector(".stat-solar .stat-value"),u=e.querySelector(".stat-solar .stat-unit");if(p){const e=n.panel_entities?.pv_power,i=e?t.states[e]:null;if(o){const e=i?parseFloat(i.attributes?.amperage):NaN;p.textContent=Number.isFinite(e)?Math.abs(e).toFixed(1):"--",u&&(u.textContent="A")}else{if(i){const e=Math.abs(parseFloat(i.state)||0);p.textContent=rt(e)}else p.textContent="--";u&&(u.textContent="kW")}}const g=e.querySelector(".stat-battery .stat-value");if(g){const e=n.panel_entities?.battery_level,i=e?t.states[e]:null;i&&(g.textContent=`${Math.round(parseFloat(i.state)||0)}`)}const _=e.querySelector(".stat-grid-state .stat-value");if(_){const e=n.panel_entities?.dsm_state,i=e?t.states[e]:null;_.textContent=i?t.formatEntityState?.(i)||i.state:"--"}}function Wt(e,t,i,s,o,r){if(!e||!i||!t)return;const a=Nt(s);let d=0;for(const[,e]of Object.entries(i.circuits)){const n=e.entities?.power;if(!n)continue;const i=t.states[n],s=i&&parseFloat(i.state)||0;e.device_type!==c&&(d+=Math.abs(s))}!function(e,t,n,i,s){const o=e.querySelector(".panel-stats");o&&Ut(o,t,n,i,s)}(e,t,i,s,d);const h=dt(s),p="current"===h.entityRole;for(const[s,d]of Object.entries(i.circuits)){const i=e.querySelector(`.circuit-slot[data-uuid="${jt(s)}"]`);if(!i)continue;const u=d.entities?.power,g=u?t.states[u]:null,_=g&&parseFloat(g.state)||0,v=d.device_type===c||_<0,m=d.entities?.switch,b=m?t.states[m]:null,y=b?"on"===b.state:(g?.attributes?.relay_state||d.relay_state)===l,w=i.querySelector(".power-value");if(w)if(p){const e=d.entities?.current,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;w.innerHTML=`<strong>${h.format(i)}</strong><span class="power-unit">A</span>`}else w.innerHTML=`<strong>${ot(_)}</strong><span class="power-unit">${st(_)}</span>`;const x=i.querySelector(".toggle-pill");if(x){x.className="toggle-pill "+(y?"toggle-on":"toggle-off");const e=x.querySelector(".toggle-label");e&&(e.textContent=n(y?"grid.on":"grid.off"))}let S;if(i.classList.toggle("circuit-off",!y),i.classList.toggle("circuit-producer",v),d.always_on)S="always_on";else{const e=d.entities?.select,n=e?t.states[e]:null;S=n?n.state:"unknown"}const $=f[S]??f.unknown,C=i.querySelector(".shedding-icon");C&&(C.setAttribute("icon",$.icon),C.style.color=$.color,C.title=$.label());const P=i.querySelector(".shedding-icon-secondary");P&&($.icon2?(P.setAttribute("icon",$.icon2),P.style.color=$.color,P.style.display=""):P.style.display="none");const k=i.querySelector(".shedding-label");k&&($.textLabel?(k.textContent=$.textLabel,k.style.color=$.color,k.style.display=""):k.style.display="none");const E=i.querySelector(".chart-container");if(E){const e=o.get(s)||[],n=i.classList.contains("circuit-col-span")?200:100,l=r?.has(s)?Mt(r.get(s)):a,p=d.device_type===c;qt(E,t,e,l,h,v,n,d.breaker_rating_a??void 0,p)}}}class Gt{get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this._retry=e?new We(e):null}constructor(){this._errorStore=null,this._retry=null,this._settings=null,this._lastFetch=0,this._fetching=!1}async fetch(e,t){const i=Date.now();if(this._fetching)return this._settings;if(this._settings&&i-this._lastFetch<3e4)return this._settings;this._fetching=!0;try{const i={};t&&(i.config_entry_id=t);const s={type:"call_service",domain:a,service:"get_graph_settings",service_data:i,return_response:!0},o=this._retry?await this._retry.callWS(e,s,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await e.callWS(s);this._settings=o?.response??null,this._lastFetch=Date.now()}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this._settings=null,this._retry||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}finally{this._fetching=!1}return this._settings}invalidate(){this._lastFetch=0}get settings(){return this._settings}clear(){this._settings=null,this._lastFetch=0}}function Vt(e,t){if(!e)return o;const n=e.circuits?.[t];return n?.has_override?n.horizon:e.global_horizon??o}function Bt(e,t){if(!e)return o;const n=e.sub_devices?.[t];return n?.has_override?n.horizon:e.global_horizon??o}class Qt{constructor(){this.powerHistory=new Map,this.horizonMap=new Map,this.subDeviceHorizonMap=new Map,this.monitoringCache=new pt,this.monitoringMultiCache=new ut,this.graphSettingsCache=new Gt,this._errorStore=null,this._hass=null,this._topology=null,this._config=null,this._configEntryId=null,this._favRefs=null,this._perPanelInfo=new Map,this._panelFavorites=null,this._showMonitoring=!1,this._updateInterval=null,this._recorderRefreshInterval=null,this._resizeObserver=null,this._lastWidth=0,this._resizeDebounce=null}get errorStore(){return this._errorStore}set errorStore(e){this._errorStore=e,this.monitoringCache.errorStore=e,this.graphSettingsCache.errorStore=e,this.monitoringMultiCache.errorStore=e}get hass(){return this._hass}set hass(e){this._hass=e}get topology(){return this._topology}get config(){return this._config}set showMonitoring(e){this._showMonitoring=e}init(e,t,n,i){this._topology=e,this._config=t,this._hass=n,this._configEntryId=i}setFavoriteRefs(e){this._favRefs=e}clearFavoriteRefs(){this._favRefs=null}setPanelFavorites(e){this._panelFavorites=e}setFavoritesPerPanelInfo(e){this._perPanelInfo=e??new Map}get _inFavoritesView(){return null!==this._favRefs}setConfig(e){this._config=e}buildHorizonMaps(e){if(this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),e&&this._topology?.circuits)for(const t of Object.keys(this._topology.circuits))this.horizonMap.set(t,Vt(e,t));if(e&&this._topology?.sub_devices)for(const t of Object.keys(this._topology.sub_devices))this.subDeviceHorizonMap.set(t,Bt(e,t))}async fetchAndBuildHorizonMaps(){try{this._favRefs?await this._buildFavoritesHorizonMaps():(await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings))}catch(e){console.warn("SPAN Panel: graph settings fetch failed",e),this.graphSettingsCache.errorStore||this._errorStore?.add({key:"fetch:graph_settings",level:"warning",message:n("error.graph_settings_failed"),persistent:!1})}}async fetchMergedMonitoringStatus(e){if(!this._hass||0===e.length)return null;const t=this._hass;return function(e){let t=!1;const n={},i={};for(const s of e)s&&(t=!0,s.circuits&&Object.assign(n,s.circuits),s.mains&&Object.assign(i,s.mains));return t?{circuits:n,mains:i}:null}(await Promise.all(e.map(e=>this.monitoringMultiCache.fetchOne(t,e))))}async _buildFavoritesHorizonMaps(){if(!this._hass||!this._favRefs||!this._topology)return;const e=new Set;for(const t of Object.values(this._favRefs))t.configEntryId&&e.add(t.configEntryId);const t=new Map;await Promise.all(Array.from(e).map(async e=>{t.set(e,await this._fetchGraphSettingsFresh(e))})),this.horizonMap.clear(),this.subDeviceHorizonMap.clear();for(const e of Object.keys(this._topology.circuits)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.horizonMap.set(e,Vt(i,s))}if(this._topology.sub_devices)for(const e of Object.keys(this._topology.sub_devices)){const n=this._favRefs[e],i=n?.configEntryId?t.get(n.configEntryId)??null:null,s=n?.targetId??e;this.subDeviceHorizonMap.set(e,Bt(i,s))}}async loadHistory(){await Rt(this._hass,this._topology,this._config,this.powerHistory,this.horizonMap,this.subDeviceHorizonMap)}recordSamples(){if(!this._topology||!this._hass||!this._config)return;const e=Date.now();for(const[t,n]of Object.entries(this._topology.circuits)){const i=this.horizonMap.get(t)??o;if(!r[i]?.useRealtime)continue;const s=ht(n,this._config);if(!s)continue;const a=this._hass.states[s];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(i),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(t)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,t,l,e,p,d)}for(const{entityId:t,key:n,devId:i}of Ot(this._topology)){const s=this.subDeviceHorizonMap.get(i)??o;if(!r[s]?.useRealtime)continue;const a=this._hass.states[t];if(!a)continue;const l=parseFloat(a.state);if(isNaN(l))continue;const c=Mt(s),d=It(c),h=Tt(c),p=e-c,u=this.powerHistory.get(n)??[];u.length>0&&e-u[u.length-1].time<h||Dt(this.powerHistory,n,l,e,p,d)}}async refreshRecorderData(e){if(!this._topology||!this._hass||!this._config)return;const t=new Map;for(const[e,n]of this.horizonMap)r[n]?.useRealtime||t.set(e,n);const i=new Map;for(const[e,t]of this.subDeviceHorizonMap)r[t]?.useRealtime||i.set(e,t);if(0===t.size&&0===i.size)return;const s=new Set;if(i.size>0&&this._topology)for(const{key:e,devId:t}of Ot(this._topology))i.has(t)&&s.add(e);const o=new Map;try{await Rt(this._hass,this._topology,this._config,o,t,i);for(const e of t.keys()){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}for(const e of s){const t=o.get(e);t?this.powerHistory.set(e,t):this.powerHistory.delete(e)}this.updateDOM(e)}catch(e){console.warn("SPAN Panel: history refresh failed",e),this._errorStore?.add({key:"fetch:history",level:"warning",message:n("error.history_failed"),persistent:!1})}}updateDOM(e){this._hass&&this._topology&&this._config&&(Wt(e,this._hass,this._topology,this._config,this.powerHistory,this.horizonMap),function(e,t,n,i,s,o){if(!n.sub_devices)return;const r=Nt(i);for(const[i,a]of Object.entries(n.sub_devices)){const n=e.querySelector(`[data-subdev="${jt(i)}"]`);if(!n)continue;const l=$t(a);if(l){const e=t.states[l],i=e&&parseFloat(e.state)||0,s=n.querySelector(".sub-power-value");s&&(s.innerHTML=`<strong>${ot(i)}</strong> <span class="power-unit">${st(i)}</span>`)}const c=n.querySelectorAll("[data-chart-key]");for(const e of c){const n=e.dataset.chartKey;if(!n)continue;const a=s.get(n)||[];let l=_.power;n.endsWith("_soc")?l=_.soc:n.endsWith("_soe")&&(l=_.soe);const c=!!e.closest(".bess-chart-col");qt(e,t,a,o?.has(i)?Mt(o.get(i)):r,l,!1,c?120:150,void 0,n.endsWith("_soc")||n.endsWith("_soe"))}for(const e of Object.keys(a.entities||{})){const i=n.querySelector(`[data-eid="${jt(e)}"]`);if(!i)continue;const s=t.states[e];if(s){let e;if(t.formatEntityState)e=t.formatEntityState(s);else{e=s.state;const t=s.attributes.unit_of_measurement||"";t&&(e+=" "+t)}if("Wh"===(s.attributes.unit_of_measurement||"")){const t=parseFloat(s.state);isNaN(t)||(e=(t/1e3).toFixed(1)+" kWh")}i.textContent=e}}}}(e,this._hass,this._topology,this._config,this.powerHistory,this.subDeviceHorizonMap))}async onGraphSettingsChanged(e){if(this._hass){this._favRefs?await this._buildFavoritesHorizonMaps():(this.graphSettingsCache.invalidate(),await this.graphSettingsCache.fetch(this._hass,this._configEntryId),this.buildHorizonMaps(this.graphSettingsCache.settings)),this.powerHistory.clear();try{await this.loadHistory()}catch{}this.updateDOM(e)}}onToggleClick(e,t){const i=e.target,s=i?.closest(".toggle-pill");if(!s)return;const o=t.querySelector(".slide-confirm");if(!o||!o.classList.contains("confirmed"))return;e.stopPropagation(),e.preventDefault();const r=s.closest("[data-uuid]");if(!r||!this._topology||!this._hass)return;const a=r.dataset.uuid;if(!a)return;const l=this._topology.circuits[a];if(!l)return;const c=l.entities?.switch;if(!c)return;const d=this._hass.states[c];if(!d)return void console.warn("SPAN Panel: switch entity not found:",c);const h="on"===d.state?"turn_off":"turn_on";this._hass.callService("switch",h,{},{entity_id:c}).catch(e=>{console.warn("SPAN Panel: switch service call failed",e),this._errorStore?.add({key:"service:relay",level:"error",message:n("error.relay_failed"),persistent:!1})})}async onGearClick(e,t){const n=e.target,i=n?.closest(".gear-icon");if(!i)return;const s=t.querySelector("span-side-panel");if(!s||!this._hass)return;if(s.hass=this._hass,s.errorStore=this.errorStore,i.classList.contains("panel-gear")){if(this._inFavoritesView){const e=await this._buildFavoritesSections();if(0===e.length)return;return void s.open({favoritesMode:!0,perPanelSections:e})}return await this.graphSettingsCache.fetch(this._hass,this._configEntryId),void s.open({panelMode:!0,topology:this._topology,graphSettings:this.graphSettingsCache.settings,showFavorites:null!==this._panelFavorites,favoritePanelDeviceId:this._panelFavorites?.panelDeviceId,favoriteCircuitUuids:this._panelFavorites?.circuitUuids,favoriteSubDeviceIds:this._panelFavorites?.subDeviceIds,configEntryId:this._configEntryId})}const r=i.dataset.uuid;if(r&&this._topology){const e=this._topology.circuits[r];if(e){const t=this._favRefs?.[r]??null,n=t&&"circuit"===t.kind?t.targetId:r,i=t?.configEntryId??this._configEntryId;let a,l;t?[a,l]=await Promise.all([this._fetchGraphSettingsFresh(i),this._fetchMonitoringStatusFresh(i)]):(await Promise.all([this.graphSettingsCache.fetch(this._hass,i),this.monitoringCache.fetch(this._hass,i)]),a=this.graphSettingsCache.settings,l=this.monitoringCache.status);const c=e.entities?.current??e.entities?.power,d=c?l?.circuits?.[c]??null:null,h=a?.global_horizon??o,p=a?.circuits?.[n],u=p?{...p,globalHorizon:h}:{horizon:h,has_override:!1,globalHorizon:h},g=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,_=null!==t||(this._panelFavorites?.circuitUuids.has(n)??!1),f=this._inFavoritesView||null!==this._panelFavorites;return void s.open({...e,uuid:n,monitoringInfo:d,showMonitoring:this._showMonitoring,graphHorizonInfo:u,showFavorites:f,favoritePanelDeviceId:g,isFavorite:_,configEntryId:i})}}const a=i.dataset.subdevId;if(a&&this._topology?.sub_devices?.[a]){const e=this._topology.sub_devices[a],t=this._favRefs?.[a]??null,n=t&&"sub_device"===t.kind?t.targetId:a,i=t?.configEntryId??this._configEntryId;let r;t?r=await this._fetchGraphSettingsFresh(i):(await this.graphSettingsCache.fetch(this._hass,i),r=this.graphSettingsCache.settings);const l=r?.global_horizon??o,c=r?.sub_devices?.[n],d=c?{...c,globalHorizon:l}:{horizon:l,has_override:!1,globalHorizon:l},h=t?.panelDeviceId??this._panelFavorites?.panelDeviceId,p=null!==t||(this._panelFavorites?.subDeviceIds.has(n)??!1),u=this._inFavoritesView||null!==this._panelFavorites;s.open({subDeviceMode:!0,subDeviceId:n,name:e.name??n,deviceType:e.type??"",entities:e.entities,graphHorizonInfo:d,showFavorites:u,favoritePanelDeviceId:h,isFavorite:p,configEntryId:i})}}async _buildFavoritesSections(){if(!this._hass||!this._favRefs)return[];const e=function(e,t){const n=new Map;for(const i of Object.values(e)){if("circuit"!==i.kind)continue;const e=t.get(i.panelDeviceId);if(void 0===e)continue;let s=n.get(i.panelDeviceId);void 0===s&&(s={panelDeviceId:i.panelDeviceId,panelName:e.panelName,topology:e.topology,configEntryId:e.configEntryId,favoriteCircuitUuids:new Set},n.set(i.panelDeviceId,s)),s.favoriteCircuitUuids.add(i.targetId)}return Array.from(n.values()).sort((e,t)=>e.panelName.localeCompare(t.panelName))}(this._favRefs,this._perPanelInfo);if(0===e.length)return[];return await Promise.all(e.map(async e=>({panelDeviceId:e.panelDeviceId,panelName:e.panelName,topology:e.topology,graphSettings:await this._fetchGraphSettingsFresh(e.configEntryId),favoriteCircuitUuids:e.favoriteCircuitUuids,configEntryId:e.configEntryId})))}async _fetchGraphSettingsFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_graph_settings",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:graph_settings",errorMessage:n("error.graph_settings_failed")}):await this._hass.callWS(i);return o?.response??null}catch(e){return console.warn("SPAN Panel: fresh graph settings fetch failed",e),null}}async _fetchMonitoringStatusFresh(e){if(!this._hass)return null;try{const t={};e&&(t.config_entry_id=e);const i={type:"call_service",domain:a,service:"get_monitoring_status",service_data:t,return_response:!0},s=this._errorStore?new We(this._errorStore):null,o=s?await s.callWS(this._hass,i,{errorId:"fetch:monitoring",errorMessage:n("error.monitoring_failed")}):await this._hass.callWS(i),r=o?.response;return r?{circuits:r.circuits,mains:r.mains}:null}catch(e){return console.warn("SPAN Panel: fresh monitoring status fetch failed",e),null}}bindSlideConfirm(e,t){const n=e.querySelector(".slide-confirm-knob"),i=e.querySelector(".slide-confirm-text");if(!n||!i)return;let s=!1,o=0,r=0;const a=t=>{e.classList.contains("confirmed")||(s=!0,o=t-n.offsetLeft,r=e.offsetWidth-n.offsetWidth-4,n.classList.remove("snapping"))},l=e=>{if(!s)return;const t=Math.max(2,Math.min(e-o,r));n.style.left=t+"px"},c=()=>{if(!s)return;s=!1;(n.offsetLeft-2)/r>=.9?(n.style.left=r+"px",e.classList.add("confirmed"),n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock-open"),i.textContent=e.dataset.textOn??"",t&&t.classList.remove("switches-disabled")):(n.classList.add("snapping"),n.style.left="2px")};n.addEventListener("mousedown",e=>{e.preventDefault(),a(e.clientX)}),e.addEventListener("mousemove",e=>l(e.clientX)),e.addEventListener("mouseup",c),e.addEventListener("mouseleave",c),n.addEventListener("touchstart",e=>{e.preventDefault(),a(e.touches[0].clientX)},{passive:!1}),e.addEventListener("touchmove",e=>l(e.touches[0].clientX),{passive:!0}),e.addEventListener("touchend",c),e.addEventListener("touchcancel",c),e.addEventListener("click",()=>{e.classList.contains("confirmed")&&(e.classList.remove("confirmed"),n.classList.add("snapping"),n.style.left="2px",n.querySelector("ha-icon")?.setAttribute("icon","mdi:lock"),i.textContent=e.dataset.textOff??"",t&&t.classList.add("switches-disabled"))})}startIntervals(e,t){this._updateInterval=setInterval(()=>{this.recordSamples(),this.updateDOM(e),t&&t()},1e3),this._recorderRefreshInterval=setInterval(()=>{this.refreshRecorderData(e)},3e4)}stopIntervals(){this._updateInterval&&(clearInterval(this._updateInterval),this._updateInterval=null),this._recorderRefreshInterval&&(clearInterval(this._recorderRefreshInterval),this._recorderRefreshInterval=null),this.cleanupResizeObserver()}setupResizeObserver(e,t){this.cleanupResizeObserver(),t&&(this._lastWidth=t.clientWidth,this._resizeObserver=new ResizeObserver(t=>{const n=t[0];if(!n)return;const i=n.contentRect.width;Math.abs(i-this._lastWidth)<5||(this._lastWidth=i,this._resizeDebounce&&clearTimeout(this._resizeDebounce),this._resizeDebounce=setTimeout(()=>{for(const t of e.querySelectorAll(".chart-container")){const e=t.querySelector("ha-chart-base");e&&e.remove()}this.updateDOM(e)},150))}),this._resizeObserver.observe(t))}cleanupResizeObserver(){this._resizeObserver&&(this._resizeObserver.disconnect(),this._resizeObserver=null),this._resizeDebounce&&(clearTimeout(this._resizeDebounce),this._resizeDebounce=null)}reset(){this.powerHistory.clear(),this.horizonMap.clear(),this.subDeviceHorizonMap.clear(),this.monitoringCache.clear(),this.monitoringMultiCache.clear(),this.graphSettingsCache.clear()}}const Kt='\n  :host {\n    --span-accent: var(--primary-color, #4dd9af);\n  }\n\n  ha-card {\n    padding: 24px;\n    background: var(--card-background-color, #1c1c1c);\n    color: var(--primary-text-color, #e0e0e0);\n    border-radius: var(--ha-card-border-radius, 12px);\n    border: var(--ha-card-border-width, 1px) solid var(--ha-card-border-color, var(--divider-color, #333));\n    box-shadow: var(--ha-card-box-shadow, none);\n  }\n\n  .panel-header {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 8px 16px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .header-left { flex: 1 1 300px; min-width: 0; }\n  .header-center { flex: 0 0 auto; }\n  .header-right { flex: 0 1 auto; min-width: 0; }\n\n  .panel-identity {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px 12px;\n    margin-bottom: 12px;\n  }\n\n  .panel-title {\n    font-size: 1.8em;\n    font-weight: 700;\n    margin: 0;\n    color: var(--primary-text-color, #fff);\n  }\n\n  .panel-serial {\n    font-size: 0.85em;\n    color: var(--secondary-text-color, #999);\n    font-family: monospace;\n  }\n\n  .panel-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px 32px;\n  }\n\n  /* Favorites view header: gear + slide-to-arm + right-anchored legend/W-A cluster. */\n  .favorites-summary {\n    padding: 8px 24px;\n    border-bottom: 1px solid var(--divider-color, #e0e0e0);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  /* Override the generic .gear-icon { margin-left: auto } rule so the\n     favorites gear stays flush-left instead of floating to the right of\n     the flex row (same idea as .panel-identity .panel-gear does for\n     real-panel headers). */\n  .favorites-summary .favorites-gear {\n    margin-left: 0;\n  }\n  /* Right-anchored cluster wrapping the shedding legend + W/A unit toggle.\n     margin-left:auto moved here from .favorites-summary-unit-toggle so the\n     legend and toggle cluster together, matching the real-panel header\n     layout. */\n  .favorites-summary-right {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .favorites-subdevices-section {\n    padding: 8px 16px 0;\n  }\n\n  /* Favorites view: responsive grid of per-contributing-panel status cards. */\n  .favorites-panel-stats-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 12px;\n    padding: 12px 24px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n  .favorites-panel-card {\n    background: var(--secondary-background-color, rgba(255, 255, 255, 0.04));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    padding: 10px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .favorites-panel-card-title {\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--primary-text-color);\n    opacity: 0.85;\n  }\n  .favorites-panel-card .panel-stats {\n    gap: 10px 20px;\n  }\n  .favorites-panel-card .stat-value {\n    font-size: 1.15em;\n  }\n\n  .stat { display: flex; flex-direction: column; }\n  .stat-label { font-size: 0.8em; color: var(--secondary-text-color, #999); margin-bottom: 2px; }\n  .stat-row { display: flex; align-items: baseline; gap: 2px; }\n  .stat-value { font-size: 1.5em; font-weight: 700; color: var(--primary-text-color, #fff); }\n  .stat-unit { font-size: 0.7em; font-weight: 400; color: var(--secondary-text-color, #999); }\n\n  .header-right { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding-top: 8px; }\n  .header-right-top { display: flex; gap: 20px; align-items: center; }\n  .meta-item { font-size: 0.8em; color: var(--secondary-text-color, #999); }\n\n  .shedding-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }\n  .shedding-legend-item { display: inline-flex; align-items: center; gap: 3px; }\n  .shedding-legend-item ha-icon { --mdc-icon-size: 16px; }\n  .shedding-legend-secondary { --mdc-icon-size: 12px; opacity: 0.8; }\n  .shedding-legend-text { font-size: 9px; font-weight: 600; }\n  .shedding-legend-label { font-size: 0.7em; color: var(--secondary-text-color, #999); }\n\n  .panel-gear {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--secondary-text-color);\n    opacity: 0.6;\n    padding: 4px;\n    margin-left: 8px;\n    vertical-align: middle;\n  }\n  .panel-gear:hover { opacity: 1; }\n  .header-center {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding-top: 8px;\n  }\n  .panel-identity .panel-gear {\n    margin-left: 0;\n  }\n  .slide-confirm {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 160px;\n    height: 28px;\n    border-radius: 14px;\n    background: color-mix(in srgb, var(--primary-color, #4dd9af) 20%, var(--secondary-background-color, #333));\n    vertical-align: middle;\n    overflow: hidden;\n    user-select: none;\n    touch-action: none;\n  }\n  .slide-confirm-text {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    font-size: 0.65em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    pointer-events: none;\n    z-index: 0;\n  }\n  .slide-confirm-knob {\n    position: absolute;\n    left: 2px;\n    top: 2px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    background: var(--secondary-text-color, #666);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: grab;\n    z-index: 1;\n    transition: none;\n  }\n  .slide-confirm-knob ha-icon {\n    --mdc-icon-size: 14px;\n    color: var(--card-background-color, #1c1c1c);\n  }\n  .slide-confirm-knob.snapping {\n    transition: left 0.25s ease;\n  }\n  .slide-confirm.confirmed {\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n  }\n  .slide-confirm.confirmed .slide-confirm-text {\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .slide-confirm.confirmed .slide-confirm-knob {\n    background: var(--state-active-color, var(--span-accent));\n  }\n  .switches-disabled .toggle-pill {\n    opacity: 0.3;\n    pointer-events: none;\n  }\n  .unit-toggle {\n    display: inline-flex;\n    background: var(--secondary-background-color, #333);\n    border-radius: 6px;\n    overflow: hidden;\n    margin-left: 8px;\n  }\n  .unit-btn {\n    padding: 4px 10px;\n    border: none;\n    background: none;\n    color: var(--secondary-text-color);\n    font-size: 0.75em;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  .unit-btn.unit-active {\n    background: var(--primary-color, #4dd9af);\n    color: var(--text-primary-color, #000);\n  }\n\n  .monitoring-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 6px 16px;\n    font-size: 0.8em;\n    background: rgba(76, 175, 80, 0.1);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n  }\n  .monitoring-active { color: #4caf50; }\n  .monitoring-counts { display: flex; gap: 12px; }\n  .count-warning { color: #ff9800; }\n  .count-alert { color: #f44336; }\n  .count-overrides { color: var(--secondary-text-color); }\n\n  .panel-grid {\n    display: grid;\n    grid-template-columns: 28px 1fr 1fr 28px;\n    gap: 8px;\n    align-items: stretch;\n  }\n\n  .tab-label {\n    display: flex;\n    align-items: center;\n    font-size: 0.85em;\n    font-weight: 600;\n    color: var(--secondary-text-color, #999);\n    user-select: none;\n  }\n  .tab-left { justify-content: flex-start; }\n  .tab-right { justify-content: flex-end; }\n\n  .circuit-slot {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px 20px;\n    min-height: 140px;\n    transition: opacity 0.3s;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .circuit-col-span { min-height: 280px; }\n  .circuit-row-span { border-left: 3px solid var(--span-accent); }\n  .circuit-off .circuit-name,\n  .circuit-off .breaker-badge,\n  .circuit-off .power-value,\n  .circuit-off .chart-container { opacity: 0.35; }\n  .circuit-off .toggle-pill,\n  .circuit-off .gear-icon { opacity: 1; }\n\n  .circuit-empty {\n    opacity: 0.2;\n    min-height: 60px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-style: dashed;\n  }\n  .empty-label { color: var(--secondary-text-color, #999); font-size: 0.85em; }\n\n  .circuit-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 6px;\n    gap: 8px;\n  }\n\n  .circuit-info { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }\n\n  .breaker-badge {\n    background: color-mix(in srgb, var(--span-accent) 15%, transparent);\n    color: var(--span-accent);\n    font-size: 0.7em;\n    font-weight: 700;\n    padding: 2px 7px;\n    border-radius: 4px;\n    white-space: nowrap;\n    border: 1px solid color-mix(in srgb, var(--span-accent) 25%, transparent);\n    flex-shrink: 0;\n  }\n\n  .circuit-name {\n    font-size: 0.9em;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--primary-text-color, #e0e0e0);\n  }\n\n  .circuit-controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n\n  .power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .power-value strong { font-weight: 700; font-size: 1.1em; }\n  .power-unit { font-size: 0.8em; font-weight: 400; color: var(--secondary-text-color, #999); margin-left: 1px; }\n  .circuit-producer .power-value strong { color: var(--info-color, #4fc3f7); }\n\n  .toggle-pill {\n    display: flex;\n    align-items: center;\n    gap: 3px;\n    padding: 2px 4px;\n    border-radius: 10px;\n    cursor: pointer;\n    font-size: 0.65em;\n    font-weight: 600;\n    transition: background 0.2s;\n    user-select: none;\n    min-width: 40px;\n  }\n  .toggle-on {\n    padding-left: 6px;\n    background: color-mix(in srgb, var(--state-active-color, var(--span-accent)) 25%, transparent);\n    color: var(--state-active-color, var(--span-accent));\n  }\n  .toggle-off {\n    padding-right: 6px;\n    background: color-mix(in srgb, var(--secondary-text-color) 15%, transparent);\n    color: var(--secondary-text-color, #999);\n  }\n  .toggle-knob {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    transition: background 0.2s, margin 0.2s;\n  }\n  .toggle-on .toggle-knob {\n    background: var(--state-active-color, var(--span-accent));\n    margin-left: auto;\n  }\n  .toggle-off .toggle-knob {\n    background: var(--secondary-text-color, #999);\n    margin-right: auto;\n    order: -1;\n  }\n\n  .circuit-status {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-top: 4px;\n    padding: 0 4px;\n  }\n  .shedding-icon { opacity: 0.8; cursor: default; }\n  .shedding-composite {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n  }\n  .shedding-icon-secondary { opacity: 0.8; }\n  .shedding-label {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n  }\n  .gear-icon {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    opacity: 0.6;\n    transition: opacity 0.2s;\n    margin-left: auto;\n  }\n  .gear-icon:hover { opacity: 1; }\n  .utilization {\n    font-size: 0.75em;\n    font-weight: 600;\n  }\n  .utilization-normal { color: #4caf50; }\n  .utilization-warning { color: #ff9800; }\n  .utilization-alert { color: #f44336; }\n  .circuit-alert {\n    border-color: #f44336 !important;\n    box-shadow: 0 0 8px rgba(244, 67, 54, 0.3);\n  }\n  .circuit-custom-monitoring {\n    border-left: 3px solid #ff9800;\n  }\n\n  .chart-container {\n    width: 100%;\n    aspect-ratio: 4 / 1;\n    margin-top: 4px;\n    overflow: hidden;\n    min-width: 0;\n  }\n\n  .sub-devices {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 20px;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .sub-device {\n    background: var(--secondary-background-color, var(--card-background-color, #2a2a2a));\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 12px;\n    padding: 14px 16px;\n  }\n  .sub-device-bess,\n  .sub-device-full {\n    grid-column: 1 / -1;\n  }\n\n  .sub-device-header { display: flex; gap: 10px; align-items: baseline; margin-bottom: 8px; }\n  .sub-device-type { font-size: 0.7em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--span-accent); }\n  .sub-device-name { font-size: 0.85em; color: var(--secondary-text-color, #999); flex: 1; }\n  .sub-power-value { font-size: 0.9em; color: var(--primary-text-color, #fff); white-space: nowrap; }\n  .sub-power-value strong { font-weight: 700; font-size: 1.1em; }\n  .sub-device .chart-container { margin-bottom: 8px; aspect-ratio: auto; }\n\n  .bess-charts {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n    gap: 12px;\n    margin-bottom: 10px;\n  }\n  .bess-chart-col { min-width: 0; }\n  .bess-chart-title {\n    font-size: 0.75em;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--secondary-text-color, #999);\n    margin-bottom: 4px;\n  }\n  .bess-chart-col .chart-container { aspect-ratio: auto; }\n  .sub-entity { display: flex; gap: 6px; padding: 3px 0; font-size: 0.85em; }\n  .sub-entity-name { color: var(--secondary-text-color, #999); }\n  .sub-entity-value { font-weight: 500; color: var(--primary-text-color, #e0e0e0); }\n\n  /* ── Shared tab bar ────────────────────────────────────── */\n\n  .shared-tab-bar {\n    display: flex;\n    gap: 0;\n    margin-bottom: 16px;\n    border-bottom: 1px solid var(--divider-color, #333);\n  }\n\n  .shared-tab {\n    padding: 8px 16px;\n    cursor: pointer;\n    font-size: 0.9em;\n    font-weight: 500;\n    color: var(--primary-text-color);\n    opacity: 0.6;\n    border: none;\n    border-bottom: 2px solid transparent;\n    background: none;\n    transition: opacity 0.15s;\n  }\n\n  .shared-tab:hover {\n    opacity: 0.85;\n  }\n\n  .shared-tab.active {\n    opacity: 1;\n    border-bottom-color: var(--span-accent);\n  }\n\n  /* ── List view search ──────────────────────────────────── */\n\n  .list-search-container {\n    margin-bottom: 12px;\n    position: relative;\n  }\n\n  .list-search {\n    width: 100%;\n    padding: 8px 36px 8px 12px;\n    border-radius: 8px;\n    border: 1px solid var(--divider-color, #333);\n    background: var(--secondary-background-color, #2a2a2a);\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .list-search:focus {\n    border-color: var(--span-accent);\n  }\n\n  .list-search-clear {\n    position: absolute;\n    right: 8px;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 2px;\n    display: flex;\n    align-items: center;\n    opacity: 0.7;\n  }\n\n  .list-search-clear:hover {\n    opacity: 1;\n  }\n\n  .list-unit-toggle {\n    display: inline-flex;\n    margin-bottom: 12px;\n  }\n\n  /* ── List rows ─────────────────────────────────────────── */\n\n  .list-view {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  /* Each circuit is wrapped in a .list-cell so the row + its optional\n     expanded chart stay together. In single-column flex mode the cell\n     just stacks naturally. In multi-column grid mode the cell becomes\n     one grid item, so the chart is always in the same column as its\n     row. Area headers (rendered as siblings, not inside a cell) span\n     all columns via their inline "grid-column: 1 / -1". */\n  .list-cell {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n  .list-view[data-columns="2"],\n  .list-view[data-columns="3"] {\n    display: grid;\n    grid-template-columns: repeat(var(--list-cols), minmax(0, 1fr));\n    gap: 6px 8px;\n    flex-direction: initial;\n  }\n  /* On narrow viewports a 2/3-column list would squeeze rows into an\n     unreadable shape, so force stacking regardless of user preference. */\n  @media (max-width: 599px) {\n    .list-view[data-columns="2"],\n    .list-view[data-columns="3"] {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n\n  .list-row {\n    display: flex;\n    align-items: center;\n    padding: 12px 16px;\n    gap: 10px;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.15s;\n  }\n\n  .list-row:hover {\n    background: var(--secondary-background-color, #2a2a2a);\n  }\n\n  .list-row.circuit-off {\n    opacity: 0.5;\n  }\n\n  .list-row.list-row-expanded {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-color: transparent;\n  }\n\n  .list-circuit-name {\n    flex: 1;\n    color: var(--primary-text-color);\n    font-size: 0.9em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .list-status-badge {\n    font-size: 0.75em;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  }\n\n  .list-status-on {\n    color: #4dd9af;\n  }\n\n  .list-status-off {\n    color: #f44336;\n  }\n\n  .list-power-value {\n    font-size: 0.9em;\n    font-weight: 600;\n    min-width: 70px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle {\n    background: none;\n    border: none;\n    color: var(--secondary-text-color);\n    cursor: pointer;\n    padding: 4px;\n    transition: transform 0.2s;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  .list-expand-toggle.expanded {\n    transform: rotate(180deg);\n  }\n\n  .list-row .gear-icon {\n    background: transparent;\n    border: none;\n    padding: 2px;\n    cursor: pointer;\n    color: #555;\n    display: inline-flex;\n    align-items: center;\n  }\n  .list-row .gear-icon:hover {\n    color: var(--primary-text-color);\n  }\n\n  /* ── Expanded circuit content ──────────────────────────── */\n\n  .list-expanded-content {\n    padding: 0;\n    background: var(--card-background-color, #1c1c1c);\n    border: 1px solid var(--divider-color, #333);\n    border-top: none;\n    border-radius: 0 0 8px 8px;\n    margin-top: -6px;\n    margin-bottom: 2px;\n  }\n\n  .circuit-slot.circuit-chart-only {\n    border: none;\n    margin: 0;\n    background: none;\n    padding: 8px 12px;\n    min-height: 0;\n  }\n\n  /* ── Area headers ──────────────────────────────────────── */\n\n  .area-header {\n    padding: 16px 12px 6px;\n    font-weight: 600;\n    font-size: 0.85em;\n    color: var(--secondary-text-color);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n  }\n\n  /* ── No results ────────────────────────────────────────── */\n\n  .list-no-results {\n    padding: 24px;\n    text-align: center;\n    color: var(--secondary-text-color);\n  }\n\n';class Jt{constructor(){this._ctrl=new Qt,this._container=null,this._onGearClick=null,this._onToggleClick=null,this._onSidePanelClosed=null,this._onGraphSettingsChanged=null}get hass(){return this._ctrl.hass}set hass(e){this._ctrl.hass=e}set errorStore(e){this._ctrl.errorStore=e}setPanelFavorites(e){this._ctrl.setPanelFavorites(e)}async render(e,t,i,s,o){let r,a;this.stop(),this._ctrl.reset(),this._ctrl.showMonitoring=!0,this._container=e,this._ctrl.hass=t;try{const e=await Ye(t,i);r=e.topology,a=e.panelSize}catch(t){return void(e.innerHTML=`<p style="color:var(--error-color);">${Oe(t.message)}</p>`)}this._ctrl.init(r,s,t,o??null),await this._ctrl.monitoringCache.fetch(t,o??null),await this._ctrl.fetchAndBuildHorizonMaps();const l=Math.ceil(a/2),c=this._ctrl.monitoringCache.status,d=nt(r,s),h=function(e){if(!e)return"";const t=Object.values(e.circuits??{}),i=Object.values(e.mains??{}),s=[...t,...i],o=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=80&&e.utilization_pct<100).length,r=s.filter(e=>void 0!==e.utilization_pct&&e.utilization_pct>=100).length,a=s.filter(e=>e.has_override).length;return`\n    <div class="monitoring-summary">\n      <span class="monitoring-active">&#10003; ${n("status.monitoring")} &middot; ${t.length} ${n("status.circuits")} &middot; ${i.length} ${n("status.mains")}</span>\n      <span class="monitoring-counts">\n        ${o>0?`<span class="count-warning">${o} ${n(o>1?"status.warnings":"status.warning")}</span>`:""}\n        ${r>0?`<span class="count-alert">${r} ${n(r>1?"status.alerts":"status.alert")}</span>`:""}\n        ${a>0?`<span class="count-overrides">${a} ${n(a>1?"status.overrides":"status.override")}</span>`:""}\n      </span>\n    </div>\n  `}(c),p=function(e,t,n,i,s){const o=new Map,r=new Set;for(const[t,n]of Object.entries(e.circuits)){const e=n.tabs;if(!e||0===e.length)continue;const i=Math.min(...e),s=1===e.length?"single":ct(e)??"single";o.set(i,{uuid:t,circuit:n,layout:s});for(const t of e)r.add(t)}const a=new Set,l=new Set;for(const[e,t]of o)if("col-span"===t.layout){const n=t.circuit.tabs,i=at(Math.max(...n));0===lt(e)?a.add(i):l.add(i)}function c(e){const t=e.circuit.entities?.current??e.circuit.entities?.power,i=s?gt(s,t??""):null;let o;if(e.circuit.always_on)o="always_on";else{const t=e.circuit.entities?.select;o=t&&n.states[t]?n.states[t].state:"unknown"}return{monInfo:i,sheddingPriority:o}}let d="";for(let e=1;e<=t;e++){const t=2*e-1,s=2*e,h=o.get(t),p=o.get(s);if(d+=`<div class="tab-label tab-left" style="grid-row: ${e}; grid-column: 1;">${t}</div>`,h&&"row-span"===h.layout){const{monInfo:t,sheddingPriority:o}=c(h);d+=vt(h.uuid,h.circuit,e,"2 / 4","row-span",n,i,t,o),d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`;continue}if(!a.has(e))if(!h||"col-span"!==h.layout&&"single"!==h.layout)r.has(t)||(d+=mt(e,"2"));else{const{monInfo:t,sheddingPriority:s}=c(h);d+=vt(h.uuid,h.circuit,e,"2",h.layout,n,i,t,s)}if(!l.has(e))if(!p||"col-span"!==p.layout&&"single"!==p.layout)r.has(s)||(d+=mt(e,"3"));else{const{monInfo:t,sheddingPriority:s}=c(p);d+=vt(p.uuid,p.circuit,e,"3",p.layout,n,i,t,s)}d+=`<div class="tab-label tab-right" style="grid-row: ${e}; grid-column: 4;">${s}</div>`}return d}(r,l,t,s,c),u=Et(r,t,s);e.innerHTML=`\n      <style>${Kt}</style>\n      ${d}\n      ${h}\n      ${u?`<div class="sub-devices">${u}</div>`:""}\n      ${!1!==s.show_panel?`\n        <div class="panel-grid" style="grid-template-rows: repeat(${l}, auto);">\n          ${p}\n        </div>\n      `:""}\n      <span-side-panel></span-side-panel>\n    `,this._onGearClick=t=>{this._ctrl.onGearClick(t,e)},this._onToggleClick=t=>{this._ctrl.onToggleClick(t,e)},e.addEventListener("click",this._onGearClick),e.addEventListener("click",this._onToggleClick),this._onSidePanelClosed=()=>{this._ctrl.monitoringCache.invalidate(),this._ctrl.graphSettingsCache.invalidate()},e.addEventListener("side-panel-closed",this._onSidePanelClosed),this._onGraphSettingsChanged=()=>this._ctrl.onGraphSettingsChanged(e),e.addEventListener("graph-settings-changed",this._onGraphSettingsChanged);try{await this._ctrl.loadHistory()}catch{}this._ctrl.updateDOM(e);const g=e.querySelector(".slide-confirm");g&&(this._ctrl.bindSlideConfirm(g,e),e.classList.add("switches-disabled")),this._ctrl.setupResizeObserver(e,e),this._ctrl.startIntervals(e)}stop(){this._ctrl.stopIntervals(),this._container&&(this._onGearClick&&(this._container.removeEventListener("click",this._onGearClick),this._onGearClick=null),this._onToggleClick&&(this._container.removeEventListener("click",this._onToggleClick),this._onToggleClick=null),this._onSidePanelClosed&&(this._container.removeEventListener("side-panel-closed",this._onSidePanelClosed),this._onSidePanelClosed=null),this._onGraphSettingsChanged&&(this._container.removeEventListener("graph-settings-changed",this._onGraphSettingsChanged),this._onGraphSettingsChanged=null))}}const Xt="\n  display:flex;align-items:center;gap:8px;margin-bottom:8px;\n",Zt="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;width:80px;font-size:0.85em;\n",Yt="\n  min-width:130px;font-size:0.85em;color:var(--secondary-text-color);\n",en="\n  min-width:160px;font-size:0.85em;color:var(--secondary-text-color);\n",tn="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:4px;padding:6px 10px;flex:1;font-size:0.85em;\n  font-family:monospace;\n";function nn(e,t,n,i,s){return`<td style="padding:6px 4px;">\n    <input type="number" class="threshold-input" data-entity="${e}" data-field="${t}" data-type="${s}"\n           value="${n??""}" min="1" max="${"window_duration_m"===t||"cooldown_duration_m"===t?180:200}"\n           style="\n  background:var(--secondary-background-color,#333);\n  border:1px solid var(--divider-color);\n  color:var(--primary-text-color);\n  border-radius:3px;padding:3px 6px;width:50px;font-size:0.8em;\n  text-align:center;\n"><span style="font-size:0.75em;color:var(--secondary-text-color);">${i}</span>\n  </td>`}class sn{constructor(){this.errorStore=null,this._debounceTimer=null,this._configEntryId=null,this._notifyCloseHandler=null,this._headerHTML=""}stop(){this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null),this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}async render(e,t,i,s=""){let o;void 0!==i&&(this._configEntryId=i),this._headerHTML=s,this._notifyCloseHandler&&(document.removeEventListener("click",this._notifyCloseHandler),this._notifyCloseHandler=null);try{const e={};this._configEntryId&&(e.config_entry_id=this._configEntryId);const n=await t.callWS({type:"call_service",domain:a,service:"get_monitoring_status",service_data:e,return_response:!0});o=function(e){if(!e||"object"!=typeof e)return null;const t=e,n={};return"boolean"==typeof t.enabled&&(n.enabled=t.enabled),t.global_settings&&"object"==typeof t.global_settings&&(n.global_settings=t.global_settings),t.circuits&&"object"==typeof t.circuits&&(n.circuits=t.circuits),t.mains&&"object"==typeof t.mains&&(n.mains=t.mains),n}(n?.response)}catch(e){console.warn("SPAN Panel: monitoring status fetch failed",e),o=null}const r=o?.global_settings??{},l=!0===o?.enabled,c=o?.circuits??{},d=o?.mains??{},h=new Set;for(const e of Object.keys(t.states||{}))e.startsWith("notify.")&&h.add(e);const p=new Set(["notify","send_message"]);for(const e of Object.keys(t.services?.notify||{}))p.has(e)||h.add(`notify.${e}`);h.add("event_bus");const u=[...h].sort(),g=r.notify_targets??"",_=("string"==typeof g?g.split(","):g).map(e=>e.trim()).filter(Boolean),f=u.length>0&&u.every(e=>_.includes(e)),v=r.notification_title_template??"SPAN: {name} {alert_type}",m=r.notification_message_template??"{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A rating)",b=r.notification_priority??"default",y=Object.entries(c).sort(([,e],[,t])=>(e.name??"").localeCompare(t.name??"")),w=Object.entries(d),x=[...y,...w],S=x.length>0&&x.every(([,e])=>!1!==e.monitoring_enabled),$=x.some(([,e])=>!1!==e.monitoring_enabled),C=y.map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="circuit-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","circuit")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","circuit")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","circuit")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","circuit")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="circuit"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join(""),P=Object.entries(d).map(([e,t])=>{const i=Oe(t.name??e),s=!1!==t.monitoring_enabled,o=!0===t.has_override,r=s?"":"opacity:0.4;",a=Oe(e);return`\n          <tr style="${r}">\n            <td style="padding:6px 8px;">\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                <input type="checkbox" class="mains-toggle" data-entity="${a}"\n                       ${s?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span>${i}</span>\n              </label>\n            </td>\n            ${nn(a,"continuous_threshold_pct",t.continuous_threshold_pct,"%","mains")}\n            ${nn(a,"spike_threshold_pct",t.spike_threshold_pct,"%","mains")}\n            ${nn(a,"window_duration_m",t.window_duration_m,"m","mains")}\n            ${nn(a,"cooldown_duration_m",t.cooldown_duration_m,"m","mains")}\n            <td style="padding:6px 4px;">\n              ${o?`<button class="reset-btn" data-entity="${a}" data-type="mains"\n                       style="background:none;border:1px solid var(--divider-color);color:var(--primary-text-color);border-radius:4px;padding:3px 6px;cursor:pointer;font-size:0.75em;">\n                    ${n("monitoring.reset")}\n                  </button>`:""}\n            </td>\n          </tr>\n        `}).join("");e.innerHTML=`\n      ${this._headerHTML}\n      <div style="padding:16px;">\n        <h2 style="margin-top:0;">${n("monitoring.heading")}</h2>\n\n        <div style="margin-bottom:24px;padding:16px;background:var(--secondary-background-color,#252530);border-radius:8px;">\n          <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">\n            <h3 style="margin:0;">${n("monitoring.global_settings")}</h3>\n            <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n              <input type="checkbox" id="monitoring-enabled" ${l?"checked":""}\n                     style="width:16px;height:16px;accent-color:var(--primary-color,#4dd9af);">\n              <span style="font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.enabled")}</span>\n            </label>\n          </div>\n\n          <div id="global-fields" style="${l?"":"opacity:0.4;pointer-events:none;"}">\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.continuous")}</span>\n              <input type="number" id="g-continuous" min="1" max="200"\n                     value="${r.continuous_threshold_pct??80}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.spike")}</span>\n              <input type="number" id="g-spike" min="1" max="200"\n                     value="${r.spike_threshold_pct??100}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.window")}</span>\n              <input type="number" id="g-window" min="1" max="180"\n                     value="${r.window_duration_m??5}"\n                     style="${Zt}">\n            </div>\n            <div style="${Xt}">\n              <span style="${Yt}">${n("monitoring.cooldown")}</span>\n              <input type="number" id="g-cooldown" min="1" max="180"\n                     value="${r.cooldown_duration_m??15}"\n                     style="${Zt}">\n            </div>\n\n            <hr style="border:none;border-top:1px solid var(--divider-color);margin:16px 0 12px;">\n            <h4 style="margin:0 0 12px;font-size:0.9em;color:var(--primary-text-color);">${n("notification.heading")}</h4>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.targets")}</span>\n              <label style="display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:12px;">\n                <input type="checkbox" id="notify-all-targets" ${f?"checked":""}\n                       style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                <span style="font-size:0.8em;color:var(--secondary-text-color);">${n("notification.all_targets")}</span>\n              </label>\n              <div id="notify-target-select" style="position:relative;flex:1;">\n                <button id="notify-target-btn" type="button" style="\n                  background:var(--secondary-background-color,#333);\n                  border:1px solid var(--divider-color);\n                  color:var(--primary-text-color);\n                  border-radius:4px;padding:6px 10px;width:100%;font-size:0.85em;\n                  text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;\n                  ${f?"opacity:0.4;pointer-events:none;":""}">\n                  <span id="notify-target-label">${_.length?_.map(e=>"event_bus"===e?n("notification.event_bus_target"):Oe(e)).join(", "):n("notification.none_selected")}</span>\n                  <span style="font-size:0.7em;margin-left:8px;">&#9660;</span>\n                </button>\n                <div id="notify-target-dropdown" style="\n                  display:none;position:absolute;top:100%;left:0;right:0;z-index:10;\n                  background:var(--card-background-color,var(--secondary-background-color,#333));\n                  border:1px solid var(--divider-color);border-radius:4px;\n                  max-height:200px;overflow-y:auto;margin-top:2px;\n                  box-shadow:0 4px 12px rgba(0,0,0,0.3);">\n                  ${0===u.length?`<div style="padding:8px 12px;font-size:0.8em;color:var(--secondary-text-color);">${n("notification.no_targets")}</div>`:u.map(e=>{const i=_.includes(e),s="event_bus"===e,o=s?null:t.states[e],r=o?.attributes?.friendly_name,a=s?n("notification.event_bus_target"):r?`${Oe(r)} (${Oe(e)})`:Oe(e);return`<label style="display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:0.85em;"\n                                       class="notify-option">\n                              <input type="checkbox" class="notify-target-cb" value="${Oe(e)}"\n                                     ${i?"checked":""}\n                                     style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                              <span>${a}</span>\n                            </label>`}).join("")}\n                </div>\n              </div>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.priority")}</span>\n              <select id="g-priority" style="\n                background:var(--secondary-background-color,#333);\n                border:1px solid var(--divider-color);\n                color:var(--primary-text-color);\n                border-radius:4px;padding:6px 10px;font-size:0.85em;">\n                ${["default","passive","active","time-sensitive","critical"].map(e=>`<option value="${e}" ${b===e?"selected":""}>${n(`notification.priority.${e.replace("-","_")}`)}</option>`).join("")}\n              </select>\n              <span style="font-size:0.75em;color:var(--secondary-text-color);margin-left:4px;">\n                ${"critical"===b?n("notification.hint.critical"):"time-sensitive"===b?n("notification.hint.time_sensitive"):"passive"===b?n("notification.hint.passive"):"active"===b?n("notification.hint.active"):""}\n              </span>\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.title_template")}</span>\n              <input type="text" id="g-title-template"\n                     value="${Oe(v)}"\n                     placeholder="SPAN: {name} {alert_type}"\n                     style="${tn}">\n            </div>\n\n            <div style="${Xt}">\n              <span style="${en}">${n("notification.message_template")}</span>\n              <input type="text" id="g-message-template"\n                     value="${Oe(m)}"\n                     placeholder="{name} at {current_a}A ({utilization_pct}% of {breaker_rating_a}A) at {local_time}"\n                     style="${tn}">\n            </div>\n\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:4px;line-height:1.4;">\n              ${n("notification.placeholders")} <code>{name}</code> <code>{entity_id}</code> <code>{alert_type}</code>\n              <code>{current_a}</code> <code>{breaker_rating_a}</code> <code>{threshold_pct}</code>\n              <code>{utilization_pct}</code> <code>{window_m}</code> <code>{local_time}</code>\n            </div>\n            <div style="font-size:0.75em;color:var(--secondary-text-color);margin-top:6px;line-height:1.4;">\n              ${n("notification.event_bus_help")} <code>span_panel_current_alert</code>\n              ${n("notification.event_bus_payload")} <code>alert_source</code> <code>alert_id</code>\n              <code>alert_name</code> <code>alert_type</code> <code>current_a</code>\n              <code>breaker_rating_a</code> <code>threshold_pct</code> <code>utilization_pct</code>\n              <code>panel_serial</code> <code>window_duration_s</code> <code>local_time</code>\n            </div>\n\n            <div style="display:flex;align-items:center;gap:10px;margin-top:12px;">\n              <span style="${en}">${n("notification.test_label")}</span>\n              <button id="test-notification-btn" type="button" style="\n                background:var(--primary-color,#4dd9af);color:#000;border:none;\n                border-radius:4px;padding:6px 16px;font-size:0.85em;cursor:pointer;\n                font-weight:500;">\n                ${n("notification.test_button")}\n              </button>\n              <span id="test-notification-status" style="font-size:0.8em;color:var(--secondary-text-color);"></span>\n            </div>\n          </div>\n\n          <div id="global-status" style="font-size:0.8em;color:var(--secondary-text-color);margin-top:8px;min-height:1.2em;"></div>\n        </div>\n\n        <h3>${n("monitoring.monitored_points")}</h3>\n        <table style="width:100%;border-collapse:collapse;">\n          <thead>\n            <tr style="text-align:left;border-bottom:1px solid var(--divider-color);">\n              <th style="padding:6px 8px;">${n("monitoring.col.name")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.continuous")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.spike")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.window")}</th>\n              <th style="padding:6px 8px;">${n("monitoring.col.cooldown")}</th>\n              <th style="padding:6px 8px;"></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr style="border-bottom:1px solid var(--divider-color,#333);">\n              <td style="padding:6px 8px;" colspan="5">\n                <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">\n                  <input type="checkbox" id="toggle-all-circuits"\n                         ${S?"checked":""}\n                         style="width:14px;height:14px;accent-color:var(--primary-color,#4dd9af);">\n                  <span style="font-weight:600;font-size:0.85em;color:var(--secondary-text-color);">${n("monitoring.all_none")}</span>\n                </label>\n              </td>\n            </tr>\n            ${P}\n            ${C}\n          </tbody>\n        </table>\n      </div>\n    `;const k=e.querySelector("#toggle-all-circuits");k&&!S&&$&&(k.indeterminate=!0);const E=e.querySelector("#notify-all-targets");if(E&&u.length>0){const e=_.length>0;!f&&e&&(E.indeterminate=!0)}this._bindGlobalControls(e,t),this._bindNotifyTargetSelect(e,t),this._bindNotificationSettings(e,t),this._bindToggleAll(e,t,c,d),this._bindCircuitToggles(e,t),this._bindMainsToggles(e,t),this._bindThresholdInputs(e,t),this._bindResetButtons(e,t)}_serviceData(e){return this._configEntryId&&(e.config_entry_id=this._configEntryId),e}_callSetGlobal(e,t){return e.callWS({type:"call_service",domain:a,service:"set_global_monitoring",service_data:this._serviceData({...t})})}_bindGlobalControls(e,t){const i=e.querySelector("#monitoring-enabled"),s=e.querySelector("#global-fields"),o=e.querySelector("#global-status"),r=()=>{const t=[["continuous_threshold_pct","#g-continuous"],["spike_threshold_pct","#g-spike"],["window_duration_m","#g-window"],["cooldown_duration_m","#g-cooldown"]],n={};for(const[i,s]of t){const t=e.querySelector(s);if(!t)return null;const o=parseInt(t.value,10);if(Number.isNaN(o))return null;n[i]=o}return n},a=(e,t,i)=>{if(!e)return;const s=t instanceof Error?t.message:i;e.textContent=`${n("error.prefix")} ${s}`,e.style.color="var(--error-color, #f44336)"},l=()=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{const i=r();if(i)try{await this._callSetGlobal(t,i),await this.render(e,t)}catch(e){a(o,e,n("error.failed_save"))}else a(o,null,n("error.failed_save"))},u)};i&&i.addEventListener("change",async()=>{const o=i.checked;s&&(s.style.opacity=o?"":"0.4",s.style.pointerEvents=o?"":"none");const l=e.querySelector("#global-status");try{if(o){const e=r();if(!e)return void a(l,null,n("error.failed"));await this._callSetGlobal(t,e)}else await this._callSetGlobal(t,{enabled:!1})}catch(e){return void a(l,e,n("error.failed"))}await this.render(e,t)});for(const t of e.querySelectorAll("#global-fields input[type=number]"))t.addEventListener("input",l)}_bindNotifyTargetSelect(e,t){const i=e.querySelector("#notify-target-btn"),s=e.querySelector("#notify-target-dropdown"),o=e.querySelector("#notify-target-label");if(!i||!s)return;i.addEventListener("click",e=>{e.stopPropagation();const t="none"!==s.style.display;s.style.display=t?"none":"block"});const r=t=>{const n=e.querySelector("#notify-target-select");n&&!n.contains(t.target)&&(s.style.display="none")};document.addEventListener("click",r),this._notifyCloseHandler=r;const a=()=>{const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value);if(o){const e=i.map(e=>"event_bus"===e?n("notification.event_bus_target"):e);o.textContent=e.length?e.join(", "):n("notification.none_selected")}const s=e.querySelector("#notify-all-targets");if(s){const t=[...e.querySelectorAll(".notify-target-cb")];s.checked=t.length>0&&t.every(e=>e.checked),s.indeterminate=!s.checked&&t.some(e=>e.checked)}this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{notify_targets:i.join(", ")})}catch(e){console.warn("SPAN Panel: notification targets save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)},l=e.querySelector("#notify-all-targets");l&&l.addEventListener("change",()=>{for(const t of e.querySelectorAll(".notify-target-cb"))t.checked=l.checked;const t=e.querySelector("#notify-target-btn");t&&(t.style.opacity=l.checked?"0.4":"",t.style.pointerEvents=l.checked?"none":""),l.checked&&(s.style.display="none"),a()});for(const t of e.querySelectorAll(".notify-target-cb"))t.addEventListener("change",()=>{a()})}_bindNotificationSettings(e,t){const i=e.querySelector("#g-priority"),s=e.querySelector("#g-title-template"),o=e.querySelector("#g-message-template"),r=(e,i)=>{this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(async()=>{try{await this._callSetGlobal(t,{[e]:i})}catch(e){console.warn("SPAN Panel: notification settings save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}},u)};i&&i.addEventListener("change",async()=>{try{await this._callSetGlobal(t,{notification_priority:i.value}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: notification priority change failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}}),s&&s.addEventListener("input",()=>{r("notification_title_template",s.value)}),o&&o.addEventListener("input",()=>{r("notification_message_template",o.value)});const l=e.querySelector("#test-notification-btn"),c=e.querySelector("#test-notification-status");l&&l.addEventListener("click",async()=>{l.disabled=!0,c&&(c.textContent=n("notification.test_sending"),c.style.color="var(--secondary-text-color)");try{this._debounceTimer&&(clearTimeout(this._debounceTimer),this._debounceTimer=null);const i=[...e.querySelectorAll(".notify-target-cb:checked")].map(e=>e.value).join(", ");await this._callSetGlobal(t,{notify_targets:i});const s={};this._configEntryId&&(s.config_entry_id=this._configEntryId),await t.callWS({type:"call_service",domain:a,service:"test_notification",service_data:s}),c&&(c.textContent=n("notification.test_sent"),c.style.color="var(--success-color, #4caf50)")}catch(e){if(c){const t=e instanceof Error?e.message:n("error.failed");c.textContent=`${n("error.prefix")} ${t}`,c.style.color="var(--error-color, #f44336)"}}finally{l.disabled=!1}})}_bindToggleAll(e,t,i,s){const o=e.querySelector("#toggle-all-circuits");o&&o.addEventListener("change",async()=>{const r=o.checked,l=[...Object.keys(i).map(e=>t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: circuit monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})})),...Object.keys(s).map(e=>t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:e,monitoring_enabled:r})}).catch(e=>{console.warn("SPAN Panel: mains monitoring toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1})}))];await Promise.all(l),await this.render(e,t)})}_bindMainsToggles(e,t){for(const i of e.querySelectorAll(".mains-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_mains_threshold",service_data:this._serviceData({leg:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: mains threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindCircuitToggles(e,t){for(const i of e.querySelectorAll(".circuit-toggle"))i.addEventListener("change",async()=>{const s=i.dataset.entity,o=i.checked;try{await t.callWS({type:"call_service",domain:a,service:"set_circuit_threshold",service_data:this._serviceData({circuit_id:s,monitoring_enabled:o})})}catch(e){return console.warn("SPAN Panel: circuit threshold toggle failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),void(i.checked=!o)}await this.render(e,t)})}_bindThresholdInputs(e,t){const i=new Map;for(const s of e.querySelectorAll(".threshold-input"))s.addEventListener("input",()=>{const o=`${s.dataset.entity}-${s.dataset.field}`,r=i.get(o);r&&clearTimeout(r),i.set(o,setTimeout(async()=>{const i=parseInt(s.value,10);if(!i||i<1)return;const o=s.dataset.entity,r=s.dataset.field,l=s.dataset.type,c="mains"===l?"set_mains_threshold":"set_circuit_threshold",d="mains"===l?"leg":"circuit_id";try{await t.callWS({type:"call_service",domain:a,service:c,service_data:this._serviceData({[d]:o,[r]:i})}),await this.render(e,t)}catch(e){console.warn("SPAN Panel: threshold input save failed",e),this.errorStore?.add({key:"service:monitoring",level:"error",message:n("error.threshold_failed"),persistent:!1}),s.style.borderColor="var(--error-color, #f44336)"}},800))})}_bindResetButtons(e,t){for(const n of e.querySelectorAll(".reset-btn"))n.addEventListener("click",async()=>{const i=n.dataset.entity;if(!i)return;const s=n.dataset.type,o="mains"===s?"clear_mains_threshold":"clear_circuit_threshold",r=this._serviceData("mains"===s?{leg:i}:{circuit_id:i});await t.callService(a,o,r),await this.render(e,t)})}}function on(e=""){const t=e?` value="${Oe(e)}"`:"",i=e?"":"display:none;";return`\n    <div class="list-search-container">\n      <input class="list-search" type="text" placeholder="${Oe(n("list.search_placeholder"))}"${t} />\n      <button class="list-search-clear" style="${i}">\n        <ha-icon icon="mdi:close" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function rn(e,t,i,s,o,r,a){const c=t.entities?.power,d=c?i.states[c]:null,h=d&&parseFloat(d.state)||0,p=t.entities?.switch,u=p?i.states[p]:null,g=u?"on"===u.state:(d?.attributes?.relay_state||t.relay_state)===l,_=t.breaker_rating_a,m=_?`${Math.round(_)}A`:"",b=Oe(t.name||n("grid.unknown")),y=dt(s),w="current"===y.entityRole;let x;if(g)if(w){const e=t.entities?.current,n=e?i.states[e]:null,s=n&&parseFloat(n.state)||0;x=`<strong>${y.format(s)}</strong><span class="power-unit">A</span>`}else x=`<strong>${ot(h)}</strong><span class="power-unit">${st(h)}</span>`;else x="";const S=r||"unknown";let $="";if("unknown"!==S){const e=f[S]??f.unknown??{icon:"mdi:help",color:"#999",label:()=>"Unknown"};$=e.icon2?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <ha-icon class="shedding-icon-secondary" icon="${e.icon2}" style="color:${e.color};--mdc-icon-size:14px;"></ha-icon>\n      </span>`:e.textLabel?`<span class="shedding-composite" title="${e.label()}">\n        <ha-icon class="shedding-icon" icon="${e.icon}" style="color:${e.color};--mdc-icon-size:16px;"></ha-icon>\n        <span class="shedding-label" style="color:${e.color}">${e.textLabel}</span>\n      </span>`:`<ha-icon class="shedding-icon" icon="${e.icon}"\n        style="color:${e.color};--mdc-icon-size:16px;"\n        title="${e.label()}"></ha-icon>`}let C="",P=o?.utilization_pct??null;if(null==P&&t.breaker_rating_a){const e=t.entities?.current,n=e?i.states[e]:null,s=n?Math.abs(parseFloat(n.state)||0):0;P=Math.round(s/t.breaker_rating_a*1e3)/10}if(null!=P){C=`<span class="utilization ${P>=100?"utilization-alert":P>=80?"utilization-warning":"utilization-normal"}">${Math.round(P)}%</span>`}const k=!!o&&_t(o)?v:"#555",E=`<button class="gear-icon circuit-gear"\n  data-uuid="${Oe(e)}" style="color:${k};"\n  title="${Oe(n("grid.configure"))}">\n  <ha-icon icon="mdi:cog" style="--mdc-icon-size:16px;"></ha-icon>\n</button>`,z=!1!==t.is_user_controllable&&!!t.entities?.switch?`<div class="toggle-pill ${g?"toggle-on":"toggle-off"}">\n        <span class="toggle-label">${n(g?"grid.on":"grid.off")}</span>\n        <span class="toggle-knob"></span>\n      </div>`:`<span class="list-status-badge ${g?"list-status-on":"list-status-off"}">${g?"ON":"OFF"}</span>`;return`\n    <div class="list-row ${g?"":"circuit-off"} ${a?"list-row-expanded":""}"\n         data-row-uuid="${Oe(e)}" data-uuid="${Oe(e)}">\n      ${m?`<span class="breaker-badge">${m}</span>`:""}\n      ${C}\n      <span class="list-circuit-name">${b}</span>\n      ${$}\n      ${z}\n      <span class="list-power-value">\n        ${x}\n      </span>\n      ${E}\n      <button class="list-expand-toggle ${a?"expanded":""}" data-expand-uuid="${Oe(e)}">\n        <ha-icon icon="mdi:chevron-down" style="--mdc-icon-size:18px;"></ha-icon>\n      </button>\n    </div>\n  `}function an(e,t,n,i,s){const o=t.entities?.power,r=o?n.states[o]:null,a=r&&parseFloat(r.state)||0,d=t.device_type===c||a<0,h=t.entities?.switch,p=h?n.states[h]:null,u=ft(0,s,p?"on"===p.state:(r?.attributes?.relay_state||t.relay_state)===l,d),g=Oe(e);return`\n    <div class="list-expanded-content" data-expanded-uuid="${g}">\n      <div class="circuit-slot circuit-chart-only ${u}" data-uuid="${g}">\n        <div class="chart-container"></div>\n      </div>\n    </div>\n  `}function ln(e){return`<div class="area-header" data-area="${Oe(e)}" style="grid-column:1 / -1;">${Oe(e)}</div>`}function cn(e,t,n){const i=e.entities?.switch,s=i?t.states[i]:null,o=e.entities?.power,r=o?t.states[o]:null,a=s?"on"===s.state:(r?.attributes?.relay_state||e.relay_state)===l;let c;if("current"===(n.chart_metric||"power")){const n=e.entities?.current,i=n?t.states[n]:null;c=i?Math.abs(parseFloat(i.state)||0):0}else c=r?Math.abs(parseFloat(r.state)||0):0;return{isOn:a,value:c}}function dn(e,t){if(e.always_on)return"always_on";const n=e.entities?.select,i=n?t.states[n]:null;return i?i.state:"unknown"}function hn(e,t,n,i){const s=cn(e,n,i),o=cn(t,n,i);return s.isOn&&!o.isOn?-1:!s.isOn&&o.isOn?1:o.value-s.value}function pn(e,t,n){return e.sort((e,i)=>hn(e[1],i[1],t,n))}function un(e){return e.entities?.current??e.entities?.power??""}class gn{constructor(e){this._expandedUuids=new Set,this._searchQuery="",this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null,this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null,this._viewName=null,this._columns=1,this._ctrl=e}setColumns(e){const t=Math.max(1,Math.min(3,Math.floor(e)));this._columns=t}setInitialExpansion(e){this._expandedUuids=new Set(e)}setInitialSearchQuery(e){this._searchQuery=e}setViewName(e){this._viewName=e}renderActivityView(e,t,n,i,s,o){this._unbindEvents(),this._hass=t,this._topology=n,this._config=i,this._monitoringStatus=s;const r=pn(Object.entries(n.circuits),t,i);let a=o+on(this._searchQuery);a+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const[e,n]of r){const o=gt(s,un(n)),r=dn(n,t),l=this._expandedUuids.has(e);a+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,a+=rn(e,n,t,i,o,r,l),l&&(a+=an(e,n,t,0,o)),a+="</div>"}a+="</div>",a+="<span-side-panel></span-side-panel>",e.innerHTML=a;const l=e.querySelector("span-side-panel");l&&(l.hass=t,l.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}renderAreaView(e,t,i,s,o,r){this._unbindEvents(),this._hass=t,this._topology=i,this._config=s,this._monitoringStatus=o;const a=n("list.unassigned_area"),l=new Map;for(const[e,t]of Object.entries(i.circuits)){const n=t.area??a,i=l.get(n);i?i.push([e,t]):l.set(n,[[e,t]])}const c=[...l.keys()].sort((e,t)=>e===a?1:t===a?-1:e.localeCompare(t));let d=r+on(this._searchQuery);d+=`<div class="list-view" data-columns="${this._columns}" style="--list-cols:${this._columns};">`;for(const e of c){const n=l.get(e);if(!n)continue;const i=pn(n,t,s);d+=ln(e);for(const[e,n]of i){const i=gt(o,un(n)),r=dn(n,t),a=this._expandedUuids.has(e);d+=`<div class="list-cell" data-cell-uuid="${Oe(e)}">`,d+=rn(e,n,t,s,i,r,a),a&&(d+=an(e,n,t,0,i)),d+="</div>"}}d+="</div>",d+="<span-side-panel></span-side-panel>",e.innerHTML=d;const h=e.querySelector("span-side-panel");h&&(h.hass=t,h.errorStore=this._ctrl.errorStore),this._bindEvents(e),this._searchQuery&&this._applyFilter(e),this._ctrl.updateDOM(e)}updateCollapsedRows(e,t,i,s){const o=dt(s),r="current"===o.entityRole,a=e.querySelectorAll(".list-row[data-row-uuid]");for(const e of a){const a=e.dataset.rowUuid;if(!a)continue;const l=i.circuits[a];if(!l)continue;const{isOn:c,value:d}=cn(l,t,s),h=e.querySelector(".list-power-value");if(h)if(c)if(r)h.innerHTML=`<strong>${o.format(d)}</strong><span class="power-unit">A</span>`;else{const e=l.entities?.power,n=e?t.states[e]:null,i=n&&parseFloat(n.state)||0;h.innerHTML=`<strong>${ot(i)}</strong><span class="power-unit">${st(i)}</span>`}else h.innerHTML="";const p=e.querySelector(".toggle-pill");if(p){p.classList.toggle("toggle-on",c),p.classList.toggle("toggle-off",!c);const e=p.querySelector(".toggle-label");e&&(e.textContent=n(c?"grid.on":"grid.off"))}const u=e.querySelector(".list-status-badge");u&&(u.textContent=c?"ON":"OFF",u.classList.toggle("list-status-on",c),u.classList.toggle("list-status-off",!c)),e.classList.toggle("circuit-off",!c)}!function(e,t,n,i){const s=e.querySelector(".list-view");if(s)for(const e of function(e,t){let n={anchor:null,units:[]};const i=[n];for(const s of[...e.children])if(s.classList.contains("area-header"))n={anchor:s,units:[]},i.push(n);else if(s.classList.contains("list-cell")){const e=s.dataset.cellUuid,i=e?t.circuits[e]:void 0;e&&i&&n.units.push({cell:s,uuid:e,circuit:i})}return i}(s,n)){if(e.units.length<2)continue;const n=[...e.units].sort((e,n)=>hn(e.circuit,n.circuit,t,i));if(!n.some((t,n)=>t.uuid!==e.units[n].uuid))continue;let o=e.anchor;for(const e of n)o?o.after(e.cell):s.prepend(e.cell),o=e.cell}}(e,t,i,s)}stop(){this._unbindEvents(),null===this._viewName&&(this._expandedUuids.clear(),this._searchQuery=""),this._hass=null,this._topology=null,this._config=null,this._monitoringStatus=null}_dispatchFavoritesViewState(){if(!this._viewName||!this._container)return;const e={view:this._viewName,expanded:[...this._expandedUuids],searchQuery:this._searchQuery};this._container.dispatchEvent(new CustomEvent("favorites-view-state-changed",{detail:e,bubbles:!0,composed:!0}))}_bindEvents(e){this._container=e,this._clickHandler=t=>{const n=t.target;if(!n)return;const i=n.closest(".list-expand-toggle");if(i){const e=i.dataset.expandUuid;return void(e&&this._toggleExpand(e))}if(n.closest(".gear-icon"))return void this._ctrl.onGearClick(t,e);if(n.closest(".toggle-pill"))return void this._ctrl.onToggleClick(t,e);if(n.closest(".list-search-clear")){const t=e.querySelector(".list-search");return void(t&&(t.value="",t.dispatchEvent(new Event("input",{bubbles:!0}))))}const s=n.closest(".unit-btn");if(s){const t=s.dataset.unit;t&&e.dispatchEvent(new CustomEvent("unit-changed",{detail:t,bubbles:!0,composed:!0}))}},this._inputHandler=t=>{const n=t.target;n&&n.classList.contains("list-search")&&(this._searchQuery=n.value.toLowerCase(),this._applyFilter(e),this._dispatchFavoritesViewState())},this._graphSettingsHandler=()=>{this._ctrl.onGraphSettingsChanged(e).then(()=>{this._ctrl.updateDOM(e)}).catch(()=>{})},e.addEventListener("click",this._clickHandler),e.addEventListener("input",this._inputHandler),e.addEventListener("graph-settings-changed",this._graphSettingsHandler);const t=e.querySelector(".slide-confirm");t&&(this._ctrl.bindSlideConfirm(t,e),e.classList.add("switches-disabled"))}_unbindEvents(){this._container&&(this._clickHandler&&this._container.removeEventListener("click",this._clickHandler),this._inputHandler&&this._container.removeEventListener("input",this._inputHandler),this._graphSettingsHandler&&this._container.removeEventListener("graph-settings-changed",this._graphSettingsHandler)),this._container=null,this._clickHandler=null,this._inputHandler=null,this._graphSettingsHandler=null}_applyFilter(e){const t=e.querySelector(".list-search-clear");t&&(t.style.display=this._searchQuery?"":"none");const n=e.querySelectorAll(".list-cell[data-cell-uuid]");for(const e of n){const t=e.querySelector(".list-circuit-name"),n=(t?.textContent?.toLowerCase()??"").includes(this._searchQuery);e.style.display=n?"":"none"}const i=e.querySelectorAll(".area-header");for(const e of i){let t=!1,n=e.nextElementSibling;for(;n&&!n.classList.contains("area-header");){if(n.classList.contains("list-cell")&&"none"!==n.style.display){t=!0;break}n=n.nextElementSibling}e.style.display=t?"":"none"}}_toggleExpand(e){if(!(this._container&&this._hass&&this._topology&&this._config))return;const t=jt(e),n=this._container.querySelector(`.list-cell[data-cell-uuid="${t}"]`);if(!n)return;const i=n.querySelector(`.list-row[data-row-uuid="${t}"]`),s=n.querySelector(`.list-expand-toggle[data-expand-uuid="${t}"]`);if(i){if(this._expandedUuids.has(e)){this._expandedUuids.delete(e);const o=n.querySelector(`.list-expanded-content[data-expanded-uuid="${t}"]`);o&&o.remove(),s&&s.classList.remove("expanded"),i.classList.remove("list-row-expanded")}else{this._expandedUuids.add(e);const t=this._topology.circuits[e];if(!t)return;const n=gt(this._monitoringStatus,un(t)),o=an(e,t,this._hass,this._config,n);i.insertAdjacentHTML("afterend",o),s&&s.classList.add("expanded"),i.classList.add("list-row-expanded"),this._ctrl.updateDOM(this._container)}this._dispatchFavoritesViewState()}}}function _n(e,t){return`${e}|${t}`}class fn{async build(e,t,n,i){const s=new Map;for(const e of n)s.set(e.id,e);const o=i?new We(i):null,r=[];for(const[n,i]of Object.entries(t)){if(!((i?.circuits?.length??0)>0||(i?.sub_devices?.length??0)>0))continue;const t=s.get(n);t&&r.push((async()=>{try{const i=await Ye(e,n,o);return{panelDeviceId:n,panel:t,topology:i.topology}}catch(e){return console.warn("SPAN Panel: favorites topology fetch failed",n,e),{panelDeviceId:n,panel:t,topology:null}}})())}const a=(await Promise.all(r)).filter(e=>null!==e.topology),l=a.length>1,c={},d={},h={},p=new Set,u=[];for(const{panelDeviceId:e,panel:n,topology:i}of a){if(!i)continue;const s=n.config_entries?.[0]??null;s&&p.add(s);const o=n.name_by_user??n.name??i.device_name??"";u.push({panelDeviceId:e,panelName:o,topology:i});const r=t[e],a=r?.circuits??[],g=r?.sub_devices??[];for(const t of a){const n=i.circuits?.[t];if(!n)continue;const r=_n(e,t),a=l&&o?`${o} · ${n.name}`:n.name;c[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"circuit",targetId:t,configEntryId:s}}for(const t of g){const n=i.sub_devices?.[t];if(!n)continue;const r=_n(e,t),a=l&&o&&n.name?`${o} · ${n.name}`:n.name??t;d[r]={...n,name:a},h[r]={panelDeviceId:e,kind:"sub_device",targetId:t,configEntryId:s}}}return{topology:{circuits:c,sub_devices:d,panel_entities:{},device_name:"",_favoriteRefs:h},entryIds:Array.from(p),perPanelStats:u}}}const vn="span_panel_favorites_view_state";function mn(e){try{localStorage.setItem(vn,JSON.stringify(e))}catch{}}var bn;const yn="favorites";let wn=bn=class extends Pe{constructor(){super(...arguments),this.narrow=!1,this._panels=[],this._selectedPanelId=null,this._activeTab="dashboard",this._discovered=!1,this._listColumns=qe(),this._favorites={},this._favoritesViewState={expanded:{activity:[],area:[]}},this._favoritesPanelStats=[],this._dashboardTab=new Jt,this._monitoringTab=new sn,this._listDashCtrl=new Qt,this._listCtrl=new gn(this._listDashCtrl),this._favCache=new Be,this._favCtrl=new fn,this._favoritesMonitoringTabs=new Map,this._errorStore=new Le,this._watchedPanelId=null,this._discovering=!1,this._refreshSeq=0,this._areaUnsub=null,this._areaSubscribing=!1,this._onVisibilityChange=null,this._onFavoritesChanged=null,this._deviceRegistryUnsub=null,this._pendingTabRender=!1,this._persistFavoritesViewStateTimer=null,this._tabRenderScheduler=function(e){let t=null,n=!1;return async function i(){if(t)return n=!0,void await t.catch(()=>{});const s=(async()=>{try{await e()}finally{t=null,n&&(n=!1,await i())}})();t=s,await s}}(async()=>this._renderTab()),this._beginRender=function(){let e=0;return()=>{e+=1;const t=e;return()=>e!==t}}()}get _root(){const e=this.shadowRoot;if(!e)throw new Error("span-panel: shadow root is not available");return e}connectedCallback(){super.connectedCallback(),this._dashboardTab.errorStore=this._errorStore,this._listDashCtrl.errorStore=this._errorStore,this._favCache.errorStore=this._errorStore,this._monitoringTab.errorStore=this._errorStore,this._onVisibilityChange=()=>{"visible"===document.visibilityState&&this._discovered&&this.hass&&this._scheduleTabRender()},document.addEventListener("visibilitychange",this._onVisibilityChange),this._onFavoritesChanged=()=>{this._refreshFavorites()},document.addEventListener(Ge,this._onFavoritesChanged),this._subscribeDeviceRegistry()}disconnectedCallback(){this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null),this._onVisibilityChange&&(document.removeEventListener("visibilitychange",this._onVisibilityChange),this._onVisibilityChange=null),this._onFavoritesChanged&&(document.removeEventListener(Ge,this._onFavoritesChanged),this._onFavoritesChanged=null),this._unsubscribeDeviceRegistry(),this._persistFavoritesViewStateTimer&&(clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=null),this._errorStore.dispose(),super.disconnectedCallback()}firstUpdated(){this.hass&&!this._discovered&&this._discoverPanels()}updated(e){if(e.has("hass")){const t=e.get("hass");this._dashboardTab.hass=this.hass,this._listDashCtrl.hass=this.hass,this._errorStore.updateHass(this.hass),this._discovered?this._root.getElementById("tab-content")||this._scheduleTabRender():this._discoverPanels(),!t&&this.hass&&this._subscribeDeviceRegistry()}if(this._discovered&&(e.has("_discovered")||e.has("_activeTab")||e.has("_selectedPanelId")||e.has("_chartMetric")||e.has("_listColumns"))){if(this._isFavoritesView&&"dashboard"===this._activeTab)return void(this._activeTab="activity");this._scheduleTabRender()}if(e.has("_selectedPanelId")&&(this._selectedPanelId!==yn&&this._selectedPanelId?(this._updatePanelStatusWatch(),this._listDashCtrl.setFavoritesPerPanelInfo(null)):(this._errorStore.clearPanelStatusWatch(),this._watchedPanelId=null)),this._discovered&&(e.has("_panels")||e.has("_selectedPanelId"))){const e=this.shadowRoot?.getElementById("panel-select");e&&null!==this._selectedPanelId&&e.value!==this._selectedPanelId&&(e.value=this._selectedPanelId)}if(e.has("hass")&&this._discovered&&("activity"===this._activeTab||"area"===this._activeTab)){const e=this._root.getElementById("tab-content"),t=this._listDashCtrl.topology;if(e&&t){this._listCtrl.updateCollapsedRows(e,this.hass,t,this._buildDashboardConfig());const n=e.querySelector("span-side-panel");n&&(n.hass=this.hass,n.errorStore=this._errorStore)}}}setConfig(e){}render(){var i,s,o;if(i=this.hass?.language,e=i&&t[i]?i:"en",!this.hass)return le`
         <div class="header">
           <div class="toolbar">
             <div class="main-title">Span Panel</div>
@@ -153,7 +153,7 @@ const Ee=e=>(t,n)=>{void 0!==n?n.addInitializer(()=>{customElements.define(e,t)}
           ></div>
         </div>
       </div>
-    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,qe(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this._root.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology,s=i?.circuits;s&&Object.keys(s).length>0?n.expanded[t.view]=t.expanded.filter(e=>e in s):n.expanded[t.view]=t.expanded,n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${qt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this._root.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||this._areaSubscribing||(this._areaSubscribing=!0,async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:n("error.areas_failed"),persistent:!1})}))}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e instanceof Error?e.message:String(e),t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(!t()){this._favoritesPanelStats=s.perPanelStats;try{if(await this._listDashCtrl.loadHistory(),t())return;const n=this._buildFavoritesSummaryHTML(),i=this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g),o=n+i+(d?`<div class="favorites-subdevices-section">\n             <div class="sub-devices">${Et(a,this.hass,g)}</div>\n           </div>`:"");"activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,o):this._listCtrl.renderAreaView(e,this.hass,a,g,_,o),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.setupResizeObserver(e,e),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;e.insertAdjacentHTML("beforeend",this._buildFavoritesSummaryHTML());const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
+    `}_onPanelChange(e){const t=e.target;this._selectedPanelId=t.value,localStorage.setItem("span_panel_selected",t.value),this._isFavoritesView&&"dashboard"===this._activeTab&&(this._activeTab="activity"),this._areaSubscribing=!1,this._areaUnsub&&(this._areaUnsub(),this._areaUnsub=null)}get _isFavoritesView(){return this._selectedPanelId===yn}_onTabClick(e){const t=e.target.closest(".shared-tab");if(!t)return;const n=t.dataset.tab;n&&n!==this._activeTab&&(this._activeTab=n,this._isFavoritesView&&"dashboard"!==n&&(this._favoritesViewState.activeTab=n,mn(this._favoritesViewState)))}_onTabContentClick(e){const t=e.target.closest(".unit-btn");if(t){const e=t.dataset.unit;if(!e||e===this._chartMetric)return;return this._chartMetric=e,void localStorage.setItem("span_panel_metric",e)}}_onSidePanelClosed(){if("dashboard"===this._activeTab){const e=this._dashboardTab._ctrl;e.monitoringCache.invalidate(),e.graphSettingsCache.invalidate()}this._listDashCtrl.monitoringMultiCache.invalidate(),this._pendingTabRender&&(this._pendingTabRender=!1,this._scheduleTabRender())}_onUnitChanged(e){const t=e.detail;t&&t!==this._chartMetric&&(this._chartMetric=t,localStorage.setItem("span_panel_metric",t))}_onListColumnsChanged(e){const t=e.detail;"number"!=typeof t||1!==t&&2!==t&&3!==t||t===this._listColumns||(this._listColumns=t,je(t))}_onGraphSettingsChanged(){if("dashboard"===this._activeTab){const e=this._root.getElementById("tab-content");if(e){this._dashboardTab._ctrl.onGraphSettingsChanged(e)}}}_onNavigateTab(e){const t=e.detail;t&&(this._activeTab=t)}_onFavoritesViewStateChangedEvent(e){if(!this._isFavoritesView)return;const t=e.detail;if(!t)return;const n=this._favoritesViewState;n.activeTab=t.view;const i=this._listDashCtrl.topology,s=i?.circuits;s&&Object.keys(s).length>0?n.expanded[t.view]=t.expanded.filter(e=>e in s):n.expanded[t.view]=t.expanded,n.searchQuery=t.searchQuery,this._persistFavoritesViewStateTimer&&clearTimeout(this._persistFavoritesViewStateTimer),this._persistFavoritesViewStateTimer=setTimeout(()=>{this._persistFavoritesViewStateTimer=null,mn(n)},250)}_subscribeDeviceRegistry(){!this._deviceRegistryUnsub&&this.hass?.connection&&(this._deviceRegistryUnsub=this.hass.connection.subscribeEvents(()=>this._refreshPanels(),"device_registry_updated"))}_unsubscribeDeviceRegistry(){this._deviceRegistryUnsub&&(this._deviceRegistryUnsub.then(e=>e()),this._deviceRegistryUnsub=null)}async _refreshPanels(){if(!this.hass||!this._discovered)return;const e=(await this.hass.callWS({type:"config/device_registry/list"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id),t=this._panels.filter(e=>e.id!==yn),n=new Map(t.map(e=>[e.id,e])),i=new Set(e.map(e=>e.id)),s=n.size!==i.size||[...n.keys()].some(e=>!i.has(e)),o=!s&&e.some(e=>{const t=n.get(e.id);return!!t&&(t.name!==e.name||t.name_by_user!==e.name_by_user)});if((s||o)&&(this._panels=this._buildPanelList(e,this._favorites),!this._panels.some(e=>e.id===this._selectedPanelId)&&this._panels.length>0)){const t=e[0];t&&(this._selectedPanelId=t.id,localStorage.setItem("span_panel_selected",this._selectedPanelId))}}async _updatePanelStatusWatch(){if(!this.hass||!this._selectedPanelId)return;if(this._selectedPanelId===yn)return;if(this._watchedPanelId===this._selectedPanelId)return;const e=this._selectedPanelId;this._watchedPanelId=e;try{const t=new We(this._errorStore),n=await Ye(this.hass,e,t);if(this._selectedPanelId!==e)return;const i=n.topology?.panel_entities?.panel_status;i&&(this._errorStore.watchPanelStatus(i),this._errorStore.updateHass(this.hass))}catch(t){console.warn("SPAN Panel: unable to fetch topology for panel status watching",t),this._watchedPanelId===e&&(this._watchedPanelId=null)}}async _discoverPanels(){if(!this._discovering&&this.hass){this._discovering=!0;try{let e;try{const t=new We(this._errorStore);e=(await t.callWS(this.hass,{type:"config/device_registry/list"},{errorId:"fetch:topology"})).filter(e=>e.identifiers?.some(e=>e[0]===a)&&!e.via_device_id)}catch(e){return console.error("SPAN Panel: device discovery failed",e),void this._errorStore.add({key:"discovery-failed",level:"error",message:n("error.discovery_failed"),persistent:!0,retryFn:()=>{this._errorStore.remove("discovery-failed"),this._discoverPanels()}})}this._favorites=await this._loadFavorites(),this._panels=this._buildPanelList(e,this._favorites),this._favoritesViewState=function(){try{const e=localStorage.getItem(vn);if(!e)return{expanded:{activity:[],area:[]}};const t=JSON.parse(e);if(!t||"object"!=typeof t)return{expanded:{activity:[],area:[]}};const n=t.expanded??{activity:[],area:[]};return{activeTab:t.activeTab,expanded:{activity:Array.isArray(n.activity)?n.activity:[],area:Array.isArray(n.area)?n.area:[]},searchQuery:"string"==typeof t.searchQuery?t.searchQuery:void 0}}catch{return{expanded:{activity:[],area:[]}}}}(),this._discovered=!0;const t=localStorage.getItem("span_panel_selected");if(t&&this._panels.some(e=>e.id===t)?this._selectedPanelId=t:e.length>0&&(this._selectedPanelId=e[0].id),this._selectedPanelId===yn){const e=this._favoritesViewState.activeTab;"activity"===e||"area"===e||"monitoring"===e?this._activeTab=e:"dashboard"===this._activeTab&&(this._activeTab="activity")}this._chartMetric=localStorage.getItem("span_panel_metric")||"power"}finally{this._discovering=!1}}}_buildPanelList(e,t){if(!Qe(t))return e;return[{id:yn,name:n("panel.favorites"),model:"__favorites__"},...e]}async _loadFavorites(){return this.hass?this._favCache.fetch(this.hass):{}}async _refreshFavorites(){const e=++this._refreshSeq;this._favCache.invalidate();const t=await this._loadFavorites();if(e!==this._refreshSeq)return;const n=this._selectedPanelId===yn;this._favorites=t;const i=this._panels.filter(e=>e.id!==yn);if(this._panels=this._buildPanelList(i,t),n&&!Qe(t)){!function(){try{localStorage.removeItem(vn)}catch{}}(),this._favoritesViewState={expanded:{activity:[],area:[]}};const e=i[0];e?(this._selectedPanelId=e.id,localStorage.setItem("span_panel_selected",e.id)):this._selectedPanelId=null}else this._isFavoritesView?this._scheduleTabRender():this._applyPanelFavorites()}_buildTabList(){const e=[];return this._isFavoritesView||e.push({id:"dashboard",label:n("tab.by_panel"),icon:"mdi:view-dashboard"}),e.push({id:"activity",label:n("tab.by_activity"),icon:"mdi:sort-descending"},{id:"area",label:n("tab.by_area"),icon:"mdi:home-group"},{id:"monitoring",label:n("tab.monitoring"),icon:"mdi:monitor-eye"}),e}_buildFavoritesSummaryHTML(){return function(e){return`\n    <div class="favorites-summary">\n      <button class="gear-icon panel-gear favorites-gear" title="${Oe(n("header.graph_settings"))}">\n        <ha-icon icon="mdi:cog"></ha-icon>\n      </button>\n      <div class="slide-confirm" data-text-off="${Oe(n("header.enable_switches"))}" data-text-on="${Oe(n("header.switches_enabled"))}">\n        <span class="slide-confirm-text">${Oe(n("header.enable_switches"))}</span>\n        <div class="slide-confirm-knob">\n          <ha-icon icon="mdi:lock"></ha-icon>\n        </div>\n      </div>\n      <div class="favorites-summary-right">\n        ${et()}\n        <div class="unit-toggle favorites-summary-unit-toggle" title="${Oe(n("header.toggle_units"))}">\n          <button class="unit-btn ${e?"":"unit-active"}" data-unit="power">W</button>\n          <button class="unit-btn ${e?"unit-active":""}" data-unit="current">A</button>\n        </div>\n      </div>\n    </div>\n  `}("current"===(this._chartMetric||"power"))}_buildFavoritesPanelStatsGridHTML(e,t){if(0===e.length)return"";return`<div class="favorites-panel-stats-grid">${e.map(e=>`\n      <div class="favorites-panel-card">\n        <div class="favorites-panel-card-title">${Oe(e.panelName||e.topology.device_name||"")}</div>\n        ${tt(e.topology,t,e.panelDeviceId)}\n      </div>\n    `).join("")}</div>`}_updateFavoritesPanelStats(e,t){if(this.hass&&0!==this._favoritesPanelStats.length)for(const n of this._favoritesPanelStats){const i=e.querySelector(`.panel-stats[data-stats-panel-id="${jt(n.panelDeviceId)}"]`);i&&Ut(i,this.hass,n.topology,t,0)}}_buildDashboardConfig(){return{chart_metric:this._chartMetric,history_minutes:5,show_panel:!0,show_battery:!0,show_evse:!0}}async _scheduleTabRender(){await this.updateComplete,this._sidePanelOpen()?this._pendingTabRender=!0:await this._tabRenderScheduler()}_sidePanelOpen(){const e=this.shadowRoot?.getElementById("tab-content");return!!e?.querySelector("span-side-panel[open]")}async _renderTab(){const e=this._beginRender();this._dashboardTab.stop(),this._monitoringTab.stop(),this._listCtrl.stop(),this._listDashCtrl.stopIntervals();for(const e of this._favoritesMonitoringTabs.values())e.stop();this._favoritesMonitoringTabs.clear(),this._favoritesPanelStats=[];const t=this._root.getElementById("tab-content");if(t)if(this._isFavoritesView)await this._renderFavoritesTab(t,e);else switch(this._listDashCtrl.clearFavoriteRefs(),this._listCtrl.setViewName(null),this._applyPanelFavorites(),this._activeTab){case"dashboard":{t.innerHTML="";const e=this._buildDashboardConfig(),n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;await this._dashboardTab.render(t,this.hass,this._selectedPanelId??"",e,i);break}case"activity":{t.innerHTML="";const n=this._panels.find(e=>e.id===this._selectedPanelId),i=n?.config_entries?.[0]??null;try{const n=new We(this._errorStore),s=await Ye(this.hass,this._selectedPanelId??void 0,n);if(e())return;const o=this._buildDashboardConfig();if(this._listDashCtrl.init(s.topology,o,this.hass,i),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,i),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const r=s.topology?nt(s.topology,o):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderActivityView(t,this.hass,s.topology,o,this._listDashCtrl.monitoringCache.status,r),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t)}catch(n){if(e())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,t.appendChild(i)}break}case"area":{t.innerHTML="";const i=this._panels.find(e=>e.id===this._selectedPanelId),s=i?.config_entries?.[0]??null;try{const i=new We(this._errorStore),o=await Ye(this.hass,this._selectedPanelId??void 0,i);if(e())return;const r=this._buildDashboardConfig();if(this._listDashCtrl.init(o.topology,r,this.hass,s),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.monitoringCache.fetch(this.hass,s),e())return;if(await this._listDashCtrl.fetchAndBuildHorizonMaps(),e())return;const a=o.topology?nt(o.topology,r):"";if(this._listCtrl.setColumns(this._listColumns),this._listCtrl.renderAreaView(t,this.hass,o.topology,r,this._listDashCtrl.monitoringCache.status,a),await this._listDashCtrl.loadHistory(),e())return;this._listDashCtrl.updateDOM(t),this._listDashCtrl.startIntervals(t),this._areaUnsub||this._areaSubscribing||(this._areaSubscribing=!0,async function(e,t,i,s){if(!e.connection)return()=>{};const o=async()=>{try{const n=new Map;for(const[e,i]of Object.entries(t.circuits))n.set(e,i.area);await Ze(e,t);for(const[e,s]of Object.entries(t.circuits))if(s.area!==n.get(e))return void i()}catch(e){console.warn("[span-panel] area registry update failed:",e),s?.add({key:"fetch:areas",level:"warning",message:n("error.areas_failed"),persistent:!1})}},[r,a]=await Promise.all([e.connection.subscribeEvents(o,"entity_registry_updated"),e.connection.subscribeEvents(o,"area_registry_updated")]);return()=>{r(),a()}}(this.hass,o.topology,()=>{"area"===this._activeTab&&this._scheduleTabRender()},this._errorStore).then(e=>{this._areaSubscribing?this._areaUnsub=e:e()}).catch(e=>{this._areaSubscribing=!1,console.warn("SPAN Panel: area subscription failed",e),this._errorStore.add({key:"subscribe:area",level:"warning",message:n("error.areas_failed"),persistent:!1})}))}catch(e){const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=e instanceof Error?e.message:String(e),t.appendChild(n)}break}case"monitoring":{t.innerHTML="";const e=this._panels.find(e=>e.id===this._selectedPanelId),n=e?.config_entries?.[0]??null;await this._monitoringTab.render(t,this.hass,n??void 0);break}}}async _renderFavoritesTab(e,t){if(e.innerHTML="",!this.hass)return;const i=this._panels.filter(e=>e.id!==yn),s=await this._favCtrl.build(this.hass,this._favorites,i,this._errorStore);if(t())return;const o=s.perPanelStats.map(e=>{const t=e.topology.panel_entities?.panel_status;return"string"==typeof t?{entityId:t,panelName:e.panelName}:null}).filter(e=>null!==e);this._errorStore.watchPanelStatuses(o),this._errorStore.updateHass(this.hass);const r=new Map;for(const e of s.perPanelStats){const t=i.find(t=>t.id===e.panelDeviceId);r.set(e.panelDeviceId,{panelName:e.panelName,topology:e.topology,configEntryId:t?.config_entries?.[0]??null})}this._listDashCtrl.setFavoritesPerPanelInfo(r);const a=s.topology,l=s.entryIds[0]??null,c=Object.keys(a.circuits).length>0,d=Object.keys(a.sub_devices??{}).length>0;if(!c&&!d){const t=document.createElement("p");return t.style.color="var(--secondary-text-color)",t.style.padding="24px",t.textContent=n("list.no_results"),void e.appendChild(t)}if(this._listDashCtrl.setFavoriteRefs(a._favoriteRefs),this._listDashCtrl.setPanelFavorites(null),"monitoring"===this._activeTab)return this._listCtrl.setViewName(null),void await this._renderFavoritesMonitoring(e,s.entryIds,i);const h=this._activeTab,p=new Set(Object.keys(a.circuits)),u=this._favoritesViewState.expanded[h].filter(e=>p.has(e));this._listCtrl.setViewName(h),this._listCtrl.setInitialExpansion(u),this._listCtrl.setInitialSearchQuery(this._favoritesViewState.searchQuery??""),this._listCtrl.setColumns(this._listColumns);const g=this._buildDashboardConfig();if(this._listDashCtrl.init(a,g,this.hass,l),this._listDashCtrl.powerHistory.clear(),await this._listDashCtrl.fetchAndBuildHorizonMaps(),t())return;const _=await this._listDashCtrl.fetchMergedMonitoringStatus(s.entryIds);if(!t()){this._favoritesPanelStats=s.perPanelStats;try{if(await this._listDashCtrl.loadHistory(),t())return;const n=this._buildFavoritesSummaryHTML(),i=this._buildFavoritesPanelStatsGridHTML(s.perPanelStats,g),o=n+i+(d?`<div class="favorites-subdevices-section">\n             <div class="sub-devices">${Et(a,this.hass,g)}</div>\n           </div>`:"");"activity"===h?this._listCtrl.renderActivityView(e,this.hass,a,g,_,o):this._listCtrl.renderAreaView(e,this.hass,a,g,_,o),this._updateFavoritesPanelStats(e,g),this._listDashCtrl.setupResizeObserver(e,e),this._listDashCtrl.startIntervals(e,()=>{this._updateFavoritesPanelStats(e,g)})}catch(n){if(t())return;const i=document.createElement("p");i.style.color="var(--error-color)",i.textContent=n.message,e.appendChild(i)}}}async _renderFavoritesMonitoring(e,t,n){if(!this.hass)return;const i=document.createElement("div");i.className="favorites-monitoring-stack",e.appendChild(i);const s=new Map;for(const e of n){const t=e.config_entries?.[0];t&&s.set(t,e)}const o=new Map;for(const e of t){const t=s.get(e),n=document.createElement("div");n.className="favorites-monitoring-block",n.style.marginBottom="24px";const r=document.createElement("h2");r.style.margin="8px 0 12px",r.style.fontSize="1em",r.textContent=t?.name_by_user??t?.name??e,n.appendChild(r);const a=document.createElement("div");n.appendChild(a),i.appendChild(n);const l=new sn;l.errorStore=this._errorStore,o.set(e,l);try{await l.render(a,this.hass,e)}catch(t){console.warn("SPAN Panel: favorites monitoring render failed",e,t);const n=document.createElement("p");n.style.color="var(--error-color)",n.textContent=t.message??String(t),a.appendChild(n)}}this._favoritesMonitoringTabs=o}_applyPanelFavorites(){if(!this._selectedPanelId||this._isFavoritesView)return this._listDashCtrl.setPanelFavorites(null),void this._dashboardTab.setPanelFavorites(null);const e=this._favorites[this._selectedPanelId],t={panelDeviceId:this._selectedPanelId,circuitUuids:new Set(e?.circuits??[]),subDeviceIds:new Set(e?.sub_devices??[])};this._listDashCtrl.setPanelFavorites(t),this._dashboardTab.setPanelFavorites(t)}};wn._shellStyles=C`
     :host {
       color: var(--primary-text-color);
     }
diff --git a/src/panel/span-panel.ts b/src/panel/span-panel.ts
index b51e64e..6d08916 100644
--- a/src/panel/span-panel.ts
+++ b/src/panel/span-panel.ts
@@ -1155,8 +1155,10 @@ export class SpanPanelElement extends LitElement {
   private async _renderFavoritesMonitoring(container: HTMLElement, entryIds: string[], realPanels: PanelDevice[]): Promise<void> {
     if (!this.hass) return;
 
-    container.insertAdjacentHTML("beforeend", this._buildFavoritesSummaryHTML());
-
+    // Monitoring is a pure configuration view — no panel-stats header,
+    // matching the real-panel Monitoring tab (see ``_renderTab`` case
+    // "monitoring"). The gear/slide-to-enable/legend/W-A summary belongs
+    // on the dashboard views (Activity, Area), not here.
     const wrapper = document.createElement("div");
     wrapper.className = "favorites-monitoring-stack";
     container.appendChild(wrapper);